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列没有排队

回答

相关问题