未固定的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> 

希望這有助於！