引導列下一行不工作

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); 
}); 

高度（）;給了我最高的柱高，然後我給他們所有這個高度。