right justify/align buttons/nav/links in Bootstrap 3

9.5k views Asked by At

I can't believe I'm having so much trouble finding the answer to this seemingly simple question.

I have two links in my header. I want them stacked vertically, on the right side of the header.

I have tried using buttons, simple html header/p elements, etc.

I have gone through all the examples I found on getbootstrap.com as well.

I've used pull-right too.

While I can get my links to show on the right side, they are not aligned vertically or appear staggered. Below is one example of What I have tried...

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

Thoughts or suggestions?

1

There are 1 answers

0
SNEH PANDYA On BEST ANSWER

I have done on behalf of you.

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