Bootstrap：中心的內容

Question

我希望一切都處於頁面的中心，它也需要有響應。

這是我的PHP代碼，因爲我使用循環來顯示所有的複選框。

<div class="container-fluid"> 
    <!-- START FORM --> 
    <form method="post" class="form-horizontal"> 
     <!-- ROW 1 CHECKBOXES --> 
<?php 
    for ($i=0; $i < 8; $i++) { 
     echo "<div class='row'> 
      <div class='col-md-4'> 
       <div class='col-md-2'><input type='checkbox' class='form- 
control chk_boxes2' name='check_list[]'></div> 
       <label class='col-md-2'>Medewerker</label>   
      </div> 
      <div class='col-md-4'> 
       <div class='col-md-2'><input type='checkbox' class='form- 
control chk_boxes2' name='check_list[]'></div> 
       <label class='col-md-2'>Medewerker</label> 
      </div> 
      <div class='col-md-4'> 
       <div class='col-md-2'><input type='checkbox' class='form- 
control chk_boxes2' name='check_list[]'></div> 
       <label class='col-md-2'>Medewerker</label> 
      </div> 
      </div>"; 
    } 
?>   
     <!-- ROW SUBMIT --> 
     <div class="row down right"> 
      <div class="col-md-6"> 
       <label class="col-md-3">Check all</label> 
       <div class="col-md-3"><input type='checkbox' 
class="chk_boxes form-control"> 
      </div> 
      <div class="col-md-6"> 
       <input type="submit" name="Verder" value="Verder" 
class="form-control btn-primary"> 
      </div> 
     </div> 
    </form> 
    <!-- END FORM --> 
</div> 

這是jQuery的我現在用的，我知道這是什麼固體：

$('.down').css('margin-top', function() { 
    return ($(window).height() - $(this).height())/2.8 
}); 

$('.right').css('margin-left', function() { 
    return ($(window).height() - $(this).height())/2 
}); 

這是的jsfiddle一個鏈接，你需要擴大，因爲大屏幕是主問題在這裏。

https://jsfiddle.net/wq0r0se4/

在先進的感謝。

Answer 1

適用text-align: center您.form-horizontal

，並刪除留有餘量JS

更新您的提琴https://jsfiddle.net/wq0r0se4/1/