鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 為什么下拉菜單不顯示？

為什么下拉菜單不顯示？

圖片描述

圖片描述

bootstrap的Css,Jquery,Js都引入了，但是為什么我點(diǎn)“課程”下拉菜單不顯示？？

回答
編輯回答
奧特蛋

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" 
      data-toggle="dropdown"
      aria-haspopup="true"
      aria-expanded="true">
          Dropdown
          <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>


仔細(xì)看下官方實(shí)例，你就會發(fā)現(xiàn)組件的幾個屬性你都沒有寫

2018年6月7日 21:02
編輯回答
醉淸風(fēng)

bootstrap主要是對類名的引用，你li都不加類名，所以你引用沒有用，可以嘗試按文檔的class來命名

2018年3月11日 18:34
編輯回答
薄荷綠

是不是你的jQuery文件和bootstrap文件引用順序錯了？要先引用jQuery，再引用bootstrap.js文件。

2017年2月18日 08:08
編輯回答
怣痛

有可能是你jq或者js沒引用上
推薦用新出的cdn加速的連接

        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>

寫在<body></body>里就能生效。

2017年5月4日 18:46
編輯回答
櫻花霓

看看外層是不是有overflow:hidden；

2018年5月5日 21:18
編輯回答
話寡

問題解決了，自己太傻，head里面引用了一次Bootstrap，</body>前面又引用了一次，應(yīng)該是導(dǎo)致沖突所以失效了

2017年1月6日 01:02