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

下面是我的代码，我希望“ 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>

最佳答案

试试这个代码

         <style type="text/css">
            #portfolio1Info h5 ,#portfolio1Info h6 {
                margin-top: 0 !important;
            }
        </style>

效果很好

关于html - 如何减少两个 bootstrap 行之间的垂直空间/边距？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34217065/