Twitter bootstrap Twitter引导导航栏未按预期显示
我使用twitter引导并定义了导航栏Twitter bootstrap Twitter引导导航栏未按预期显示,twitter-bootstrap,Twitter Bootstrap,我使用twitter引导并定义了导航栏 <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <ul class="nav"> <li class="active"> <
<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>
-
-
-
-
我包括了引导css文件、jquery和引导js文件。导航栏显示如下图所示
这很奇怪,因为页面上的其他元素似乎使用bootstrap设计得很好,请看下图
知道为什么会发生这种情况吗?您需要将容器类更改为容器流体:
<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>
-
-
-
-
这是小提琴:好的,我终于按预期显示了导航栏,这就是我所做的
- 我卸载了twitter引导,并使用NuGet重新安装,以确保我拥有 最新版本(3.0.0版)
- 为引导版本2.0.0和3.0.0创建导航栏的语法不同。看看这个,这就解释了区别
安装最新版本并更新语法后,一切正常。您使用的是哪个版本?您可以共享您的网站以查找错误吗?Twitter.Bootstrap.MVC version 2.0.0请在此处创建JSFIDLE链接。这仍然没有奏效。我手动下载了bootstrap版本3.0.0,并替换了使用NuGet安装的css和javascript文件。现在导航栏按预期显示,但当我点击下拉菜单时,它没有响应。你看到小提琴了吗?它符合你的预期结果吗?