ブートストラップ：中身の内容

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

はあなた.form-horizontal

にtext-align: centerを適用し、削除マージンJS左

更新しますフィドルhttps://jsfiddle.net/wq0r0se4/1/