我已遵循文档,但我不确定为什么我的pills
不工作。
HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="assets/js/script.js"></script>
<link rel="stylesheet" media="all" href="assets/css/style.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row">
<nav class="nav navbar-nav">
<ul class="nav nav-pills">
<li>blah</li>
</ul>
</nav>
</div>
</div>
</body>
</html>
您的预期结果是什么?你能尝试插入一些吗<li>
标签看看是否能正常工作?
<ul class="nav nav-pills">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>
FYI: http://getbootstrap.com/components/#nav-pills http://getbootstrap.com/components/#nav-pills
另请附上上面指定的 asset/css/style.css 文件。建议将Bootstrap CDN放置在顶部<head>
,位于您的自定义 css 文件上方。
===========更新==========
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<nav class="nav navbar-nav">
<ul class="nav nav-pills">
<li role="presentation"><a href="#">Blah</a></li>
<li role="presentation"><a href="#">Blah</a></li>
<li role="presentation"><a href="#">Blah</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>
Result:
这就是你预期的药丸效果吗?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)