Bootstrap列沒有排隊

我有一個4列的佈局，4x col-md-3。當我嘗試縮小屏幕時，這些列必須先行3列，然後是2，然後在屏幕太小時再行1。但他們沒有，列變得更小，並且不會移動到其他列之下。我必須錯過一些東西。Bootstrap列沒有排隊

代碼：

<div class="row-fluid vakanties_strip_wrapper"> <div ng-repeat="vakantie in vakanties"> <a ui-sref="details_vakantie/({ vakantieId: vakantie.ID })"> <div class="col-lg-3"> <div class="vakantie_blok" ng-class="$even ? 'red' : 'blue'"> <div class="vakantie_strip_img"> SOME IMAGE </div> <div class="vakantie_strip_tekst_beschr"> SOME TEXT </div> </div> </div> </a> </div> <div class="clearfix"></div> </div>

來源

2014-12-13 STheFox

我敢肯定的類'行fluid'不引導的一部分。如果你希望它是全角使用'.container-fluid'並且裏面有一個常規的'.row'。 – ckuijjer 2014-12-13 12:39:27

實際上@ckuijjer，它曾經在2.3，但被逐漸淘汰爲'容器流體'。 – Aibrean 2014-12-13 18:39:39

很酷。不知道， – ckuijjer 2014-12-13 18:57:47

嘗試使用此選項。

<div class="row-fluid vakanties_strip_wrapper"> 
<div ng-repeat="vakantie in vakanties"> 
    <a ui-sref="details_vakantie/({ vakantieId: vakantie.ID })"> 
    <div class="col-xs-12 col-sm-6 col-lg-3"> 
     <div class="vakantie_blok" ng-class="$even ? 'red' : 'blue'"> 
     <div class="vakantie_strip_img"> 
      SOME IMAGE 
     </div> 
     <div class="vakantie_strip_tekst_beschr"> 
      SOME TEXT 
     </div> 
     </div> 
    </div> 
    </a> 
</div> 
<div class="clearfix"></div>

來源

2014-12-13 11:21:39 forgottofly

謝謝，那好些。如果您將BS3與BS2進行比較，我仍然對必須完成的額外工作感到驚訝，但結果會更好。謝謝！ – STheFox 2014-12-13 11:24:28

很高興知道它的工作原理 – forgottofly 2014-12-13 11:25:39

Bootstrap列沒有排隊

回答

相關問題