Bootstrap 3网格，在同一行对齐列

【问题标题】：Bootstrap 3 grid, Align columns in same rowBootstrap 3网格，在同一行对齐列
【发布时间】：2014-10-02 12:03:42
【问题描述】：

正如您在图片中看到的，我使用的是 bootstrap 3 网格系统，它们是 2 列，在同一行中，但它们没有对齐。我希望他们清楚地让用户知道他们处于同一级别，并且截至目前，它看起来令人困惑。有人可以帮帮我吗？

谢谢

http://i.imgur.com/PFIE1oh.jpg

引导代码

<div class="col-sm-4 col-lg-4">
  <div class="row">
     <div class="col-sm-6 ">
         <h3>Total</h3>
     </div>
     <div class="col-sm-6 ">
         <h3>$1,618.20</h3>
     </div>
  </div>
</div>

【问题讨论】：

您的一个 h3 标头未正确关闭。除此之外，它对我有用。无法复制问题

标签： html css twitter-bootstrap-3 grid height

【解决方案1】：

它对我来说工作正常，它的对齐只是正确的

其实class像row、col不包含margin-bottom或padding-bottom

在<div class="col-sm-6 "> 中，您使用<h3> 分配值，或者您也可以使用任何其他标签。在该分配标签中使用style="margin-bottom:0px;padding-bottom:0px;" 这可能会解决您的问题

这样

<div class="col-sm-4 col-lg-4">
  <div class="row">
     <div class="col-sm-6 ">
         <h3 style="margin-bottom:0px;padding-bottom:0px;">Total</h3>
     </div>
     <div class="col-sm-6 ">
         <h3 style="margin-bottom:0px;padding-bottom:0px;">$1,618.20</h3>
     </div>
  </div>
</div>

或者你可以使用这个类

h3 {
margin-bottom:0px;
padding-bottom:0px;
}

希望这可能有用

【讨论】：