html - 无论我尝试什么，bootstrap 列都不会在它们之间创建空格，这是我的 html 结构吗？

Question

我搜索了几乎所有关于 bootstrap 列间距的问题，但似乎没有任何效果。我认为这可能是我构建 html/css 的方式的一个简单的菜鸟错误，但我似乎无法弄清楚。

我之前曾多次使用 bootstrap，但使用的是主题，这是我第一次，但只使用了一个简单的 bootstrap 导航栏模板，里面没有其他任何内容。

.img-container{
   position: relative;
   display: inline-block;
}
.img-container .overlay{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.1);	
}
.img-container:hover .overlay{
   display: block;
   background-color: rgba(0,0,0,0.6);
}
.img-container .overlay .services-caption{
   color: #fff;
   font-size: 100px;
   position: absolute;
   top: 25%;
   left: 20%;
}

<!--Services-->
<section class="services">
  <div class="container">
    <div class="row">
      <div class="col-md-4">					
        <div class="img-container">
          <img src="images/services/shop.jpg" alt="...">
          <div class="overlay">
            <span class="services-caption">Shop</span>							
          </div>
        </div>
      </div>	
      <div class="col-md-4">					
        <div class="img-container">
          <img src="images/services/shop.jpg" alt="...">
          <div class="overlay">
            <span class="services-caption">Shop</span>
          </div>
        </div>					
      </div>
      <div class="col-md-4">					
        <div class="img-container">
          <img src="images/services/shop.jpg" alt="...">	
          <div class="overlay">
            <span class="services-caption">Shop</span>
          </div>
        </div>					
      </div>
    </div>
  </div>
</section>

Answer 1

添加 Bootstrap col-md-offset-* 类以实现列之间的间距。

<div class="col-md-4 col-md-offset-1">  

以上代码将创建 1 列大小的间隙。