Twitter bootstrap 引导程序3导航药片不工作
我已经按照文档进行了操作,但我不确定为什么我的Twitter bootstrap 引导程序3导航药片不工作,twitter-bootstrap,nav-pills,Twitter Bootstrap,Nav 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.go
药丸
不起作用
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>
- 废话
您的预期结果是什么?您能否尝试插入一些
标记以查看它是否正常工作
<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>
供参考:
还请附上上面指定的assets/css/style.css文件。建议将引导CDN放在自定义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>
结果:
这是您预期的药丸效果吗?我已经附上了我的整个HTML文档,您可以看到我使用的CDN中确实包含
nav pills
CSS。我的代码中确实有
。我只是没有得到“药丸”的效果,因为我应该得到没有任何效果,我已经更新了我的评论。如果你还有问题,请告诉我?事实上,如果您使用//ajax/googleapis…
而不是http://ajax/googleapis...
,并直接打开index.html,您将获得未捕获引用错误:未定义jQuery
错误消息。