H3和锚标签底部对齐

时间:2013-10-14 23:36:35

标签: css twitter-bootstrap twitter-bootstrap-3

我正在使用Bootstrap 3.0,并希望在这些方面取得成就

收藏 Add

将收藏夹向左拉并包裹在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>

非常感谢提前。

2 个答案:

答案 0 :(得分:3)

您可以在pull-right ..

中使用H3链接
<div class="col-md-6"><h3>Favorites <a href="#" class="pull-right">add</a></h3></div>

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

答案 1 :(得分:0)

这应该可以帮到你的大部分地方:

<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>