Jquery 有人能告诉我为什么我的引导折叠按钮不工作吗?
我的引导导航栏中的折叠按钮不工作,我不知道为什么。有人能帮我修一下吗 这是我的导航栏:Jquery 有人能告诉我为什么我的引导折叠按钮不工作吗?,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我的引导导航栏中的折叠按钮不工作,我不知道为什么。有人能帮我修一下吗 这是我的导航栏: <div id="wrapper"> <div class="navbar navbar-inverse navbar-fixed-top "> <div id="container"> <div class="navbar-header"> <button class="na
<div id="wrapper">
<div class="navbar navbar-inverse navbar-fixed-top ">
<div id="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="brand" class="navbar-brand">TEST</a>
</div>
<div class="collapse navbar-collapse">
<ul id="listleft" class="nav navbar-nav navbar-left">
<li class="active"><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
</ul>
<ul id="listright" class="nav navbar-nav navbar-right">
<li><a href="#Contact">Contact</a></li>
<li><a href="#Blog">Blog</a></li>
</ul>
</div>
</div>
</div>
您只是在正确的引导格式中出现了一些小错误,从而影响了菜单的按钮切换 阅读更多有关引导导航栏正确格式的信息 HTML:
您刚刚在正确的引导格式中出现了一些小错误,影响了菜单的按钮切换 阅读更多有关引导导航栏正确格式的信息 HTML:
.navbar-brand,
.navbar-nav li a {
line-height: 70px;
height: 70px;
padding-top: 0;
}
#brand{
font-size: 500%;
color:#FFFFFF;
}
.navbar-brand{
position:absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
margin: auto;
}
#listleft{
margin-left: 23%;
}
#listright{
margin-right: 20%;
}
ul li{
font-size: 180%;
}
#wrapper{
height: 100%;
}
<div class="navbar navbar-inverse navbar-fixed-top ">
<div class="container">
<div class="navbar-header pull-left">
<a id="brand" class="navbar-brand">TEST</a>
</div>
<div class="navbar-header pull-right">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul id="listleft" class="nav navbar-nav navbar-left">
<li class="active"><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
</ul>
<ul id="listright" class="nav navbar-nav navbar-right">
<li><a href="#Contact">Contact</a></li>
<li><a href="#Blog">Blog</a></li>
</ul>
</div>
</div>
</div>
.navbar-brand,
.navbar-nav li a {
line-height: 70px;
height: 70px;
padding-top: 0;
}
#brand{
font-size: 500%;
color:#FFFFFF;
}
.navbar-brand{
position:absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
margin: auto;
}
#listleft{
margin-left: 23%;
}
#listright{
margin-right: 20%;
}
ul li{
font-size: 180%;
}
#wrapper{
height: 100%;
}