Bootstrap - 列之间的空间和对齐底部

Question

您可能会在我的图片上看到第三个因为文字较大而比其他人更多。

1. 如何让它们全部3个在底部对齐。

2. 如何在桌面视图中的这3列之间留出更多空间？



<div class="row">
  <div class="col-md-4 col-xs-12 col-sm-6 portfolio_wrapper" >
    <div class="thumbnail_portfolio text-center"> <a rel="bookmark" href="http://www.pippion.com/wordpress/portfolio/design-or-die-zidna-naljepnica/" title="Design or die zidna naljepnica"> <img src="http://www.pippion.com/wordpress/wp-content/uploads/2014/01/zid1-270x270.jpg" width="270"  height="270" alt="" class="" /> </a> </div>
    <div class="item_title"> <a href="http://www.pippion.com/wordpress/portfolio/design-or-die-zidna-naljepnica/" rel="bookmark" style="font-weight:bold;">Design or die zidna naljepnica</a>
      <div><span style="color:#bab5b5;">Kategorija: </span> <span>Print</span> <span style="color:#ce003d;">/</span> <span style="color:#bab5b5;">Godina: </span> <span></span></div>
    </div>
    <!-- .item_title --> 

    <!-- .entry --> 

  </div>
  <!-- .portfolio_content -->
  <div class="col-md-4 col-xs-12 col-sm-6 portfolio_wrapper" >
    <div class="thumbnail_portfolio text-center"> <a rel="bookmark" href="http://www.pippion.com/wordpress/portfolio/hypo-mudro-uokvirena-stednja/" title="Hypo mudro uokvirena štednja"> <img src="http://www.pippion.com/wordpress/wp-content/uploads/2014/01/32-270x270.jpg" width="270"  height="270" alt="" class="" /> </a> </div>
    <div class="item_title"> <a href="http://www.pippion.com/wordpress/portfolio/hypo-mudro-uokvirena-stednja/" rel="bookmark" style="font-weight:bold;">Hypo mudro uokvirena štednja</a>
      <div><span style="color:#bab5b5;">Kategorija: </span> <span>Video/animacija</span> <span style="color:#ce003d;">/</span> <span style="color:#bab5b5;">Godina: </span> <span></span></div>
    </div>
    <!-- .item_title --> 

    <!-- .entry --> 

  </div>
  <!-- .portfolio_content -->
  <div class="col-md-4 col-xs-12 col-sm-6 portfolio_wrapper" >
    <div class="thumbnail_portfolio text-center"> <a rel="bookmark" href="http://www.pippion.com/wordpress/portfolio/stare-razglednice-slavonskih-sela-i-gradova/" title="Stare razglednice slavonskih sela i gradova"> <img src="http://www.pippion.com/wordpress/wp-content/uploads/2014/01/razglednice3-270x270.jpg" width="270"  height="270" alt="" class="" /> </a> </div>
    <div class="item_title"> <a href="http://www.pippion.com/wordpress/portfolio/stare-razglednice-slavonskih-sela-i-gradova/" rel="bookmark" style="font-weight:bold;">Stare razglednice slavonskih sela i gradova</a>
      <div><span style="color:#bab5b5;">Kategorija: </span> <span>Print</span> <span style="color:#ce003d;">/</span> <span style="color:#bab5b5;">Godina: </span> <span></span></div>
    </div>
    <!-- .item_title --> 

    <!-- .entry --> 

  </div>
  <!-- .portfolio_content --> 

</div>

Answer 1

我认为这不是填充，而是你的文字导致了这一点。

在第3张图像上，文本需要3行而不是2张其他2张图像。

尝试减小文字的大小，它会起作用。