2017-07-19 68 views
0

我想在左侧,右侧和中心位置的导航栏中显示3个图标 左侧和右侧位置的位置正确,但中心链接不在中间位置,而是位于左侧即与左边的glyphicon相邻 任何想法如何居中?如何在导航栏中居中显示glyph

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

回答

2

text-center类添加到您的div容器:

<div class="container text-center"> 

Bootply example

+0

thanx的帮助 – mg03