hel*_*oto 5 html css twitter-bootstrap
我是引导程序的新手，在我的应用程序中，我希望navbar在页面顶部有一个。本navbar应包含品牌名称，然后到它的右侧，应该有一些选择。但是每当我使用navbar-right它时它都不起作用，我得到的页面看起来像这样
如您所见，所有内容都与左侧的品牌名称一起被压扁。我试图解决这个问题的是使用pull-rightwhich 可以完美地工作，但我想知道为什么navbar-right不是。
主页模板.html
<body>
<nav class="navbar navbar-default">
<div class="navbar-inner">
<div class="container-fluid">
<div class="navbar-header">
<a href="#" class="navbar-brand">MyApp</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Profile</a></li>
<li><a href="#">Notifications</a></li>
<li><a href="#">Messages</a></li>
<li><a href="#">Options</a></li>
</ul>
</div>
</div>
</nav>
</body>
我想你可能错过了一些图书馆。
请参阅我添加的下面给出的片段
jQuery 库
bootstrap.js 和
bootstrap.css
它的工作正常。见下面的片段
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default">
<div class="navbar-inner">
<div class="container-fluid">
<div class="navbar-header">
<a href="#" class="navbar-brand">MyApp</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Profile</a></li>
<li><a href="#">Notifications</a></li>
<li><a href="#">Messages</a></li>
<li><a href="#">Options</a></li>
</ul>
</div>
</div>
</nav>| 归档时间： |
|
| 查看次数： |
10568 次 |
| 最近记录： |