在Bootstrap 3中右对齐/对齐按钮/导航/链接

时间:2014-01-14 19:02:15

标签: twitter-bootstrap right-justified

我无法相信我在寻找这个看似简单问题的答案时遇到了很多麻烦。

我的标题中有两个链接。我希望它们垂直堆叠在标题的右侧。

我尝试过使用按钮,简单的html header / p元素等等。

我已经浏览了我在getbootstrap.com上找到的所有例子。

我也使用过右拉。

虽然我可以在右侧显示我的链接,但它们没有垂直对齐或显示交错。以下是我尝试过的一个例子......

<header class="row">
    <div class="col-md-6 col-xs-5">
        <a href="index.html"><img src="images/header.png" class="img-responsive" /></a>
        <?php include 'db-atch.php';?>
    </div>
    <div class="col-md-2 col-xs-2">
        <h4 class="pull-right"><a href="support">support</a></h4>
        <h4 class="pull-right push-down"><a href="login.php">admin</a></h4>
    </div>
</header> 

想法或建议?

1 个答案:

答案 0 :(得分:5)

我代表你做过。

<div class="btn-group-vertical pull-right">
 <button type="button" class="btn btn-default">
  <a href="#">support</a>
 </button> 
 <button type="button" class="btn btn-default">login.php">admin</a>
</button> 
</div>