CODEWITHSUNDEEP
htmlglyphicons
mg03
mg03

Reputation: 767

how to center glyphicon in a navbar

I am trying to have 3 icons in a navbar at positions left, right and center The left and right ones are at correct position but the center link is not in the center but towards the left i.e. contiguous with the left glyphicon Any idea how to center it?

<div class="navbar navbar-default navbar-fixed-bottom">
      <div class="container">
         <a href="/left_link" class="btn btn-info btn-lg pull-left hidelink">
             <span class="glyphicon glyphicon-log-out"></span> Left
         </a>
         <a href="/center_link" class="btn btn-info btn-lg hidelink">
             <span class="glyphicon glyphicon-log-out"></span> Center
         </a>
         <a href="/right_link" class="btn btn-info btn-lg pull-right hidelink">
             <span class="glyphicon glyphicon-log-out"></span> Right
        </a>
      </div>
</div>

Upvotes: 0

Views: 49

Answers (1)

j08691
j08691

Reputation: 207913

Add the text-center class to your container div:

<div class="container text-center">

Bootply example

Upvotes: 2

Related Questions