爲什麼側邊欄不會落到底部？ （引導3.1）

Question

我嘲笑bootstrap 3.1中的網站，我認爲我做錯了什麼。下面的html，我覺得col-xs-2（有些內容）應該會在col-xs-8之下掉到屏幕的底部，實際情況是col-xs-2儘可能的縮小，然後col-xs-8就位於此之上。 `

<div class="row"> 
    <div class="col-xs-2"> some content </div> 
    <div class="col-xs-8"> Main Content </div> 
    <div class="col-xs-2"></div> 
</div> 

Answer 1

使用col-md-8 + col-md-2或col-lg-8 + col-lg-2爲所期望的效果。

實際上col-xs-#也是一個在較小屏幕上保持佈局的類。爲了網格佈局按照需要工作，使用col-lg-#或col-md-#。

下面是從引導的網站，描繪了電網系統表：

瞭解更多關於網格系統here。