Jquery 引导导航栏折叠不工作
我正在一个网站上工作,我不明白为什么我的导航栏不会崩溃。当窗口足够小时,导航栏似乎会消失,但按钮不会显示。代码如下:Jquery 引导导航栏折叠不工作,jquery,css,twitter-bootstrap,twitter-bootstrap-3,Jquery,Css,Twitter Bootstrap,Twitter Bootstrap 3,我正在一个网站上工作,我不明白为什么我的导航栏不会崩溃。当窗口足够小时,导航栏似乎会消失,但按钮不会显示。代码如下: <!DOCTYPE html> <!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]--> <html lang="en"> <
<!DOCTYPE html>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<html lang="en">
<head>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE-edge"><!--latest IE-->
<meta name="description" content="">
<meta name="author" content="">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="JS/bootstrap.js"></script>
<title></title>
<!--========================icons=================================-->
<link href="" type="image/x-icon" rel="icon" ><!--16x16--><!--put favicon.ico in root-->
<link rel="apple-touch-icon" href="" >
<!--**use when shitty phones are needed to be supported**
<meta name="handheldfriendly" content="true">
<meta name="mobileoptimized" content="240">
-->
<link type="style/css" rel="stylesheet" href="CSS/bootstrap.css">
</head>
<body>
<div class="container-fluid">
<header class="page-header clearfix">
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target = ".bs-navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<nav class="collapse navbar-collapse bs-navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#">Work</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
</div>
</body>
</html>
切换导航
我知道boostrap.js文件的文件路径是正确的。我做错了什么?我错过什么了吗?
谢谢你 您当前无法看到您的图标栏,因为它们是白色的。下面是一个快速修改的代码,它将条涂成红色-显示它们正在工作
.图标栏{
背景:红色;
}
切换导航
您当前无法看到图标栏,因为它们是白色的。下面是一个快速修改的代码,它将条涂成红色-显示它们正在工作
.图标栏{
背景:红色;
}
切换导航
您当前无法看到图标栏,因为它们是白色的。下面是一个快速修改的代码,它将条涂成红色-显示它们正在工作
.图标栏{
背景:红色;
}
切换导航
您当前无法看到图标栏,因为它们是白色的。下面是一个快速修改的代码,它将条涂成红色-显示它们正在工作
.图标栏{
背景:红色;
}
切换导航
lol捕捉得很好。事实上,它们就在那里,而且很实用,只是看不见而已。哈哈,好主意。事实上,它们就在那里,而且很实用,只是看不见而已。哈哈,好主意。事实上,它们就在那里,而且很实用,只是看不见而已。哈哈,好主意。事实上,它们就在那里,而且功能强大,只是看不见而已。