如何在导航栏中居中glyphicon

时间:2017-07-19 18:16:33

标签: html glyphicons

我想在左侧,右侧和中间位置的导航栏中放置3个图标 左侧和右侧位于正确的位置,但中心链接不在中心,而是向左,即与左侧的glyphicon相邻 知道如何集中它吗?

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

1 个答案:

答案 0 :(得分:2)

text-center类添加到容器div:

<div class="container text-center">

<强> Bootply example