Выравнивание по правому краю / выравнивание кнопок / навигация / ссылки в Bootstrap 3

Question

Я не могу поверить, что у меня так много проблем с поиском ответа на этот, казалось бы, простой вопрос.

У меня есть две ссылки в моем заголовке. Я хочу, чтобы они располагались вертикально, справа от заголовка.

Я пытался использовать кнопки, простые элементы заголовка HTML / р и т. Д.

Я также просмотрел все примеры, которые нашел на 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> 

Мысли или предложения?

Answer 1

Я сделал от имени вас.

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