Question

我正在尝试使用以下引导程序下拉列表。我想我已经引用了正确的脚本和css文件，顶层显示但是点击它时没有显示下拉列表。任何帮助将不胜感激。

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <!-- Bootstrap core CSS -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <script href="bootstrap/js/bootstrap.js"></script>
    <script href="bootstrap/js/bootstrap.min.js"></script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">                </script>
</head>
<body>

<div class="dropdown">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="dropdown55">
                Marketing
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdown55"><ul>
                <li><a href="#" title="Return home">Brand</a></li>
                <li><a href="#" title="Return home">Product</a></li>
                <li><a href="#" title="Return home">Market</a></li>
            </ul>
            </div>

Answer 1

您的问题是您要两次声明Bootstrap JS库。

<script href="bootstrap/js/bootstrap.js"></script> <script href="bootstrap/js/bootstrap.min.js"></script>

选择一个（除非你打算编辑我不推荐的内容，否则缩小更好）并删除另一个。

你这样冲突。

Bootstrap新手：努力让Dropdown菜单工作

1 个答案: