引导列下一行不工作

Question

移动测试不顺心的事我尝试用移动/自适应网页设计测试仪，因为CoffeeCoffeeCoffeeCoffee文字我科拉姆犯规我的专栏。在这里下前来的是图片：

下面是HTML代码：

<div class="row "> 
      <div class="form-group"> 
       <div class="searchable-container"> 
         <div class="items col-xs-6 col-sm-6 col-md-3 col-lg-3 text-center"> 
          <div class="info-block block-info clearfix"> 
           <div class="square-box pull-left"> 
            <span class="fa fa-tags"></span> 
           </div> 
           <div data-toggle="buttons" class="btn-group bizmoduleselect"> 
            <label class="btn btn-default"> 
             <div class="bizcontent"> 
              <input type="checkbox" name="var_id[]" autocomplete="off" value=""> 
              <span class="fa fa-check "></span> 
              <h5>CoffeeCoffeeCoffeeCoffee</h5> 
             </div> 
            </label> 
           </div> 
          </div> 
         </div> 
         <div class="items col-xs-6 col-sm-6 col-md-3 col-lg-3 text-center"> 
          <div class="info-block block-info clearfix"> 
           <div class="square-box pull-left"> 
            <span class="fa fa-tags"></span> 
           </div> 
           <div data-toggle="buttons" class="btn-group bizmoduleselect"> 
            <label class="btn btn-default"> 
             <div class="bizcontent"> 
              <input type="checkbox" name="var_id[]" autocomplete="off" value=""> 
              <span class="fa fa-check "></span> 
              <h5>Tea</h5> 
             </div> 
            </label> 
           </div> 
          </div> 
         </div> 
         <div class="items col-xs-6 col-sm-6 col-md-3 col-lg-3 text-center "> 
          <div class="info-block block-info clearfix"> 
           <div class="square-box pull-left"> 
            <span class="fa fa-tags"></span> 
           </div> 
           <div data-toggle="buttons" class="btn-group bizmoduleselect"> 
            <label class="btn btn-default"> 
             <div class="bizcontent"> 
              <input type="checkbox" name="var_id[]" autocomplete="off" value=""> 
              <span class="fa fa-check "></span> 
              <h5>Fruit Juice</h5> 
             </div> 
            </label> 
           </div> 
          </div> 
         </div> 
         <div class="items col-xs-6 col-sm-6 col-md-3 col-lg-3 text-center"> 
          <div class="info-block block-info clearfix"> 
           <div class="square-box pull-left"> 
            <span class="fa fa-tags"></span> 
           </div> 
           <div data-toggle="buttons" class="btn-group bizmoduleselect"> 
            <label class="btn btn-default"> 
             <div class="bizcontent"> 
              <input type="checkbox" name="var_id[]" autocomplete="off" value=""> 
              <span class="fa fa-check "></span> 
              <h5>Fruit Juice</h5> 
             </div> 
            </label> 
           </div> 
          </div> 
         </div> 
       </div> 
      </div> 
     </div> 

我有这样的CSS我的按钮。我用自举v3.3.7.css和引导v3.3.7 JS

label.btn-default { 
     white-space: normal; 
     word-break: break-all; 
    } 

谢谢你的帮助。 ！

Answer 1

你既可以有 “行” 内的所有内容，或者您​​可以使用清晰的定位点（https://v4-alpha.getbootstrap.com/utilities/clearfix/）

Answer 2

解决方案：

$(document).ready(function() { 
    var h = $('.items').height(); 
    $(".items").css("height", h+10); 
}); 

高度（）;给了我最高的柱高，然后我给他们所有这个高度。