Bootstrap导航栏下拉列表无法打开

时间:2015-09-07 18:51:51

标签: html css twitter-bootstrap

导航栏构建的导航栏中的下拉菜单无法打开。
你有解决方案吗?
这是代码:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

        <!--JQuery.min.js------------>
        <script src="http://code.jquery.com/jquery.min.js"></script> 
        <!--JQuery.min.js------------>


        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link href="style.css" rel="stylesheet">
</head>

2 个答案:

答案 0 :(得分:1)

你需要为boostrap.first添加Jquery文件加载Jquery文件然后加载boostrap文件。然后你不会得到错误它会起作用

enter code here

答案 1 :(得分:0)

如果问题仍然存在于http://code.jquery.com/jquery.min.js

之前 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>中的

head

像这样:

 <head>
-----
-----
----
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!--JQuery.min.js------------>
<script src="http://code.jquery.com/jquery.min.js"></script> 
<!--JQuery.min.js------------>

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>

希望这能帮到你。!!