Bootstrap 3导航栏顶部有Divs吗

Question

我不确定为什么我的下拉菜单没有显示为bootstrap 3原型的按钮？

此外，如果我想要导航菜单上方的一些内容，我如何使其成为正确的布局？我试图在不编辑引导CSS的情况下完成这项工作，并在本机中使用它。

http://www.bootply.com/8IqCa4lI6T

<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-xs-4">
<img src="" class="img-responsive" alt="" height="50px" width="50px">picture
</div>
<div class="col-xs-4">
<a href="" class="">action</a>
</div>
<div class="col-xs-4">        
<span id="title">4rows text</span><br>
<span id="title">4rows text</span><br>
<span id="title">4rows text</span><br>
</div></div>
<!-- nav bottom -->
<div class="row">
<ul class="nav nav-pills navbar-nav navbar-left">
<li>menuleft1</li><li>menuleft2</li><li>menuleft3</li>
</ul><!-- /nav -->
<ul class="nav nav-pills navbar-nav navbar-right">
<li>menuright1</li><li>menuright2</li><li>menuright3</li>
</ul><!-- /right_nav -->
</div>

Answer 1

这里有一个带有适当HTML的Bootply，可以实现我认为您正在尝试的目标：

http://www.bootply.com/eTDrQdGYJ7

至于在导航栏上方放置一些东西。您不需要修改引导CSS。通过给导航栏一个ID，并给该ID一个CSS属性，这将取代Bootstrap CSS。

或者，通常可以在一个单独的CSS文件中覆盖Bootstrap类，该文件在Bootstrap CSS文件之后加载。这样，您就不会更改Bootstrap CSS本身，而是可以根据需要修改样式。