Bootstrap dynamic col resize

Question

所以我試圖實現的是。當頁面第一次加載時，我希望顯示它：

col-md-6 | col-md-3 | COL-MD-3

但是，當窗口被調整大小（或更小的上屏設備觀察時），我想有

COL-MD-4 | col-md-4 | col-md-4

有沒有辦法使用Bootstrap而不使用CSS hackery？

Answer 1

我認爲你需要這樣的東西。

<div class="row"> 
    <div class="col-md-6 col-sm-4"></div> 
    <div class="col-md-3 col-sm-4"></div> 
    <div class="col-md-3 col-sm-4"></div> 
</div> 

這是做什麼的，對於大中型屏幕，大小將在比例6/12，3/12和3/12。

對於較小的屏幕，div會佔用可用寬度的4/12，4/12，4/12。