Question

我有一个包含4列的布局，4x col-md-3。当我尝试使屏幕变小时，这些列必须表现为前3列，然后是2，然后是屏幕太小时的1。但是他们没有，柱子变小了，不会移动到其他柱子下方。我一定错过了什么。

代码：

<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>

Answer 1

尝试使用此选项。

<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>

Bootstrap列没有排队

1 个答案: