html - 创建非折叠导航栏

Question

如何在 Bootstrap 中制作一个不可折叠的 navbar，左侧有一个没有 border 的 glyphicon 按钮，中间有文本和文本在右侧？

我知道您可以使用 pull-left 和 pull-right 将元素向左和向右移动，但是当我尝试向导航栏，它将变得很小并在其周围创建一个边框。

我要完成的示例:

Answer 1

使用 text-left-center-right 代替 pull-left-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 .