Bootstraps額外小窗口的尺寸

Question

我一直在試圖使我的網站適應Bootstraps的額外小窗口大小，但我沒有找到任何解決方案。

我要出一列，當窗口太小，並保持左邊的版本，否則。在這一點上，代碼是這樣的：

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-3" id="divLeft"> 
     <div class="panel panel-success" id="divChart"> 
      <!-- Some progress bars --> 
     </div> 
    </div> 
    <div class="col-xs-12-offset-6 col-sm-6" id="divMain"> 
     <h2>Observations</h2> 
     <div class="list-group" id="observations"> 
      <!-- Some panels --> 
    </div> 
</div> 

我該怎麼辦？我試圖添加多個類到我的div divLeft和divMain，但它不工作，因爲我想。

在此先感謝fellas！ ：D

Answer 1

每行應總是加起來最多12列。

看一看的引導文件，告訴你如何與他們的網格系統工作：

http://getbootstrap.com/css/#grid

我建議像下面爲您例如：

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-12 col-md-3"></div> 
     <div class="col-xs-12 col-md-9"></div> 
    </div> 
</div> 

以上應該會導致兩列在超小設備上顯示一個在另一個之上。