html - 如何减少两个 Bootstrap 行之间的垂直空间/边距？

Question

下面是我的代码，我希望“portfolio1Info”div 元素行与“portfolioSite”div 元素行垂直相邻，没有空格/边距。我试过 .noBottomMargin{margin-bottom:0px !important;}, .noTopMargin{margin-top:0px !important}。它似乎不起作用，我总是在图像和图像行之后的行之间出现间隙

    <div id="portfolio1" class="col-lg-4" style="border:solid">
      <div class="row">
        <div class="col-lg-12">
        <a href="www.placekitten.com" target="_blank"><img class="img-responsive" src="http://s.wordpress.com/mshots/v1/http%3A%2F%2Fwww.placekitten.com?" border="1" /></a>
        </div>
        </div>
      <div id="portfolio1Info" class="row">
        <div class="col-lg-12">
          <div style="background-color:#000000">
          <h5 align="center"> Please hold 1? </h5>
          <h6 align="center"><i> HTML? </i></h6>
          </div>
        </div>
      </div>
    </div>

Answer 1

#portfolio1Info h6 {
  margin-bottom: 0;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div id="portfolio1" class="col-lg-4" style="border:solid">
  <div class="row">
    <div class="col-lg-12">
      <a href="www.placekitten.com" target="_blank">
        <img class="img-responsive" src="http://s.wordpress.com/mshots/v1/http%3A%2F%2Fwww.placekitten.com?" border="1" />
      </a>
    </div>
  </div>
  <div id="portfolio1Info" class="row">
    <div class="col-lg-12">
      <div style="background-color:#000000">
        <h5 align="center"> Please hold 1? </h5>
        <h6 align="center"><i> HTML? </i></h6>
      </div>
    </div>
  </div>
</div>

如果你想把页脚放在底部，然后删除由于 H6 标签而来的空间，默认情况下，你的 h6 有一些边距。