关于Bootstrap展开菜单的问题 5
跟着教程做出来的展开菜单效果不同，求大神指导！！！<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><met...
跟着教程做出来的展开菜单效果不同，求大神指导！！！
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap Index</title>
<link href="bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<a href="#" class="navbar-brand">Tech Site</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Service<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Ventilation</a> </li>
<li><a href="#">Fans</a> </li>
<li><a href="#">Blower</a> </li>
<li><a href="#">pump</a> </li>
<li><a href="#">Pipe</a> </li>
</ul>
</li>
<li><a href="#">Product</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<script src="jquery-1.11.1.min.js"></script>
<script src="bootstrap.min.js"></script>
</body>
</html>
第一张是我想要的效果，第二张是我做出来的效果，怎么样才能展开时在下方展开呢 展开
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap Index</title>
<link href="bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<a href="#" class="navbar-brand">Tech Site</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Service<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Ventilation</a> </li>
<li><a href="#">Fans</a> </li>
<li><a href="#">Blower</a> </li>
<li><a href="#">pump</a> </li>
<li><a href="#">Pipe</a> </li>
</ul>
</li>
<li><a href="#">Product</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<script src="jquery-1.11.1.min.js"></script>
<script src="bootstrap.min.js"></script>
</body>
</html>
第一张是我想要的效果，第二张是我做出来的效果，怎么样才能展开时在下方展开呢 展开
1个回答
展开全部
简单一点的方法就是用官网给出的实例，然后一点一点地更改内容，这样你就知道是哪里改的不正确了。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
