Bootstrap 没有垂直间隙

Question

我有一个经典的引导布局，例如：http://uppix.com/f-Now5351398300161b58.png

我希望项目之间没有垂直间隙：http://uppix.com/f-Iwant5351394f00161b56.png

感谢您的任何回答。

    <div class="col-xs-12 col-sm-9">
      <div class="row">
        <div class="col-6 col-sm-6 col-lg-4">
          <div class="item">
            <a href="#" class="price">300 EUR</a>                
            <a href="#"><img class="img-responsive" src="http://wbpreview.com/previews/WB03K48SB/assets/img/h-3.jpg"></a>
            <div class="caption">
              <h3><a href="#">Bulharsko, Primorsko</a></h3>
              <h4><a href="#">Penzión SIM</a> 
                <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star blank-star"></i><i class="fa fa-star blank-star"></i>
              </h4>
              <p class="info"><a href="#">Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus.</a></p>
              <p><i class="fa fa-calendar"></i> 21.06.- 18.06. (8 dní)</p>
              <p><i class="fa fa-cutlery"></i> All inclusive <span class="transport">Bratislava <i class="fa fa-plane"></i></span></p>
            </div>
          </div>
        </div><!--/span-->
        .
        .
        .
      </div>
    </div>

Answer 1

例如，您可以为图像分配一个唯一的类并给它一个负的上边距

   .MoveImageUp {
  margin-top: -150px;
}