Question

我试图使用bootstrap的组件：下拉列表。我在文档的帮助下制作了我的代码。

这是我的整个导航栏：

<nav class="nav navbar-default">
<div class="container-fluid">
    <div class="navbar-header ">                    
             <a href="Index_connect.php" class="navbar-brand ">AMG</a>                  
    </div>              


        <ul class="nav navbar-nav">
            <li><a href="Index_connect.php">Menu</a></li>
            <li class="dropdown">
                  <a class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    Dropdown
                    <span class="caret"></span>
                  </a></li>

                  <ul class="dropdown-menu" >
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li><a href="#">Separated link</a></li>
                  </ul>

    <div>
        </ul>
        <ul class="nav navbar-nav navbar-right ">
            <li><p class="navbar-text"><span class="essaiActuel"></span></p></li>
            <li><a><div class="session"></div></a></li>

        </ul>
    </div>
</div>

这是我添加的3个链接：

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js">

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

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

显示链接，但下拉菜单不显示。我尝试在jsfiddle中执行我的代码并且它可以工作，所以我认为链接有问题。

编辑：

我改变了链接：

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

以下是jsFiddle链接：https://jsfiddle.net/DTcHh/10895/

Answer 1

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js">

这不是必需的，因为它是一个JS文件..但是我可以看到你正在添加：

使用jQuery更新

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

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

一旦它的版本3.0.0和JS文件是3.3.5。使用来自相同框架版本的两个文件再次尝试

如果它在JSFiddle中工作，也许你有一些额外的代码是坏的。例如，具有相同ID或类的div ..

还试着向我们展示你工作的JSFiddle。

引导程序的下拉菜单

1 个答案: