Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导导航栏折叠不工作_Jquery_Css_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

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捕捉得很好。事实上,它们就在那里,而且很实用,只是看不见而已。哈哈,好主意。事实上,它们就在那里,而且很实用,只是看不见而已。哈哈,好主意。事实上,它们就在那里,而且很实用,只是看不见而已。哈哈,好主意。事实上,它们就在那里,而且功能强大,只是看不见而已。