创建非折叠导航栏

Question

你如何在Bootstrap中制作一个不可折叠的navbar，并且左边有一个没有border的字形按钮，中间的文字和右边的文字？

我知道你可以使用pull-left和pull-right向左和向右移动项目但是当我尝试向导航栏添加一个glyphicon按钮时，它会变得很小并创建一个边框在它周围。

我想要完成的例子：

Answer 1

取而代之的是pull-left-right，请使用text-left-center-right。试试这个：

HTML：

<div class="navbar navbar-fixed-top">
  <div class="col-xs-4 text-left">
    <a href="#"><i class="fa fa-chevron-left"></i></a>
  </div>
  <div class="col-xs-4 text-center">insertnamehere's room</div>
  <div class="col-xs-4 text-right">0 -1</div>
</div>

<强> CSS：

* {
  font-size: 20px;
}

.pull-right {
  text-align:right;
}

.navbar { 
  padding: 10px;   
}

见Example。