css - H3 和 Anchor Tag 底部对齐

Question

我正在使用 Bootstrap 3.0，并希望按照这些思路完成一些事情

收藏夹 添加

收藏夹向左拉并包裹在 H3 中，添加向右拉并包裹在锚中。它们底部对齐并且在同一条线上。

这是我所拥有的不起作用的：

<div class="vertical-gutter-xs row container">
   <div class="row">
      <div clas="col-md-6" style="border: 1px solid red"><h3>Favorites</h3></div>
      <div clas="col-md-6" style="text-align: right; border: 1px solid red"><a>add</a></di>
   </div>
   <hr />
</div>

提前谢谢了。

Answer 1

您可以在..中使用pull-right链接H3

<div class="col-md-6"><h3>Favorites <a href="#" class="pull-right">add</a></h3></div>

演示：http ://bootply.com/87773

Answer 2

这应该让你大部分时间到达那里：

<div class="vertical-gutter-xs row container">
  <div class="row">
    <div clas="col-md-6" style="float:left; width:50%;"><h3>Favorites</h3></div>
    <div clas="col-md-6" style="float:right; width:50%; text-align: right"><a>add</a></div>
  </div>
  <hr/>
</div>