我正在使用twitter bootstrap并定义了一个导航栏
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li class="active">
<a class="brand" href="#">w3resource</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Portfolio</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
</div>
</div>
我包含了bootstrap css文件,jquery和bootstrap js文件。导航栏显示如下图所示。
这很奇怪,因为页面上的其他元素似乎使用bootstrap风格很好,看看下面的图片
为什么会发生这种情况?
答案 0 :(得分:0)
您需要将容器类更改为容器流体:
<div class="container-fluid">
<div class="row-fluid">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav">
<li class="active"> <a class="brand" href="#">w3resource</a>
</li>
<li> <a href="#">About</a>
</li>
<li> <a href="#">Portfolio</a>
</li>
<li> <a href="#">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
答案 1 :(得分:0)
好的,所以我终于让导航栏按预期显示,这就是我所做的。
安装最新版本并更新语法后,一切都按预期工作。