ブートストラップ：ガタースペースの問題

Question

私はブートストラップSB管理テンプレートを使用しています。私は3列を連続して追加しようとしましたが、これらのボックスの周囲にスペースがなく、一緒にマージされるという問題があります。 bootsrapファイルをcdnリンクで変更しようとしましたが、すべてのcssファイルを一つずつ削除しましたが、うまくいきませんでした。これは私のHTML構造（CodeIgniterのビュー）

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-lg-12"> 
      <h1 class="page-header"> Services </h1> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-3 col-sm-3 col-xs-12 service-block"> 
      <img src="<?php echo base_url()?>assets/images/service-1.png" class="img-responsive center-block"> 
      <h3 class="text-center">Body Works</h> 
     </div> 
     <div class="col-md-3 col-sm-3 col-xs-12 service-block"> 
      <img src="<?php echo base_url()?>assets/images/service-1.png" class="img-responsive center-block"> 
      <h3 class="text-center">Body Works</h> 
     </div> 
     <div class="col-md-3 col-sm-3 col-xs-12 service-block"> 
      <img src="<?php echo base_url()?>assets/images/service-1.png" class="img-responsive center-block"> 
      <h3 class="text-center">Body Works</h> 
     </div> 

    </div> 
    <!-- /.row --> 
</div> 

である。これは、これは私が

を得る出力され

.service-block{ 
     background: #EDEDED; 
     height: 220px; 
    } 
    .service-block img{ 
     margin-top: 15%; 
     margin-bottom: 9px; 
    } 

これらのサービス・ブロックのための唯一のCSSで誰かが助けることができます私はこれで問題になる可能性があるもの

Answer 1

1行に3つの列がありますが、各列にはグリッド内に3つのスペースがあります。これは9です。しかし、ブートストラップではグリッド内に12のスペースを入力する必要があります。だから、使用：
<div class="col-md-4 col-sm-4 col-xs-12 service-block">