如何使列獨立於下一行？

Question

假設我有第一行有兩列，第一行寬度爲10列（col-md-10），第二行寬度爲2列（col-md-2）。

我想要做的是使第二列獨立於後續行，以便它可以有一個長列靠近頁面的所有行。這是一種右側邊欄。

這裏是一個圖片告訴你什麼是我想要做的：

誰能幫我在這嗎？

編輯：如果做一個固定的右邊欄W¯¯方式，我完全可以接受的解決方案:)

Answer 1

這裏是一個Bootply

這裏是一些代碼：

<div class="container"> 
    <div class="row"> 
    <div class="col-md-10"> 
     <h1>Left Stuff</h1> 
     <div class="col-md-12"> 
     Content 
     </div> 
     <div class="col-md-12"> 
     Content 
     </div> 
     <div class="col-md-12"> 
     Content 
     </div> 
    </div> 
    <div class="col-md-2"> 
     <h1>Right stuff</h1> 
    </div> 
    </div> 
</div> 

我認爲這是你的意思。