未固定的div在引导程序3上重叠固定div 3

Question

我目前使用引导程序3将类似于此的布局页面分为两列。

<div class="row"> 
    <div class="col-md-4 info"> 
    <!--some Markup --> 
    </div> 

    <div class = "col-md-8 tasks-column"> 
    <!--some Markup --> 
    </div> 
</div> 

我希望类“信息”的div在滚动页面时保持固定在左上角。当我尝试bootstrap“附加”类时，“信息”中的内容有效地得到修复，但“任务栏”突然移动到完全覆盖它的左侧。 我也尝试过普通的css位置：fixed;在“信息”上，但它没有做任何事情。 信息中的内容不是导航面板。 谢谢你们。

编辑：信息中的内容是动态的（它根据用户输入而变化）。

Answer 1

您需要抵消任务列。尝试这个。

<div class="row"> 
    <div class="col-md-4 info"> 
     <!--some Markup --> 
    </div> 

    <div class = "col-md-8 col-md-offset-4 tasks-column"> 
     <!--some Markup --> 
    </div> 

Answer 2

这是因为您正在修复将“tasks-column”推向右侧的内容。 简单的方式做你想做的只是移动“信息” COL-MD-4的内部，像这样：

<div class="row"> 
    <div class="col-md-4"> 
     <div class="info"> 
      <!--some fixed Markup --> 
     </div> 
    </div> 

    <div class="col-md-8 tasks-column"> 
     <!--some Markup --> 
    </div> 
</div> 

希望这有助于！