问答详情
源自:5-1 下拉菜单(基本用法)

不显示下拉框

我是在dreamweaver上写的代码,下拉按钮菜单可以显示,但是下拉框显示不出来,查看代码也没有错误,不明白为什么

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

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

</head>


<body style="padding:50px 50px">

<div class="dropdown">

<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

    下拉菜单

    <span class="caret"></span>

    </button>

    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

         <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    </ul>

</div>

</body>


提问者:慕莱坞1828554 2016-08-20 16:43

个回答

  • qq_我在浅川_03710122
    2016-08-20 17:19:58
    已采纳

    引用bootstrap.min.js的时候要加上http

  • typenny
    2016-08-20 17:35:17

    在body结束标签前加上

      <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

  • qq_我在浅川_03710122
    2016-08-20 17:22:21

    jquery.js和bootstrap.min.js的引用要放在body 的最后