当前位置：文江博客话题详情

CSS HTML boostrap

为什么下拉菜单不显示？

发布于 2022-09-07 07:52:55 字数 201 浏览 16 评论 0

图片描述

图片描述

bootstrap的Css,Jquery,Js都引入了，但是为什么我点“课程”下拉菜单不显示？？

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（6）

杀お生予夺 2022-09-14 07:52:55

问题解决了，自己太傻，head里面引用了一次Bootstrap，</body>前面又引用了一次，应该是导致冲突所以失效了

留蓝 2022-09-14 07:52:55

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

滿滿的愛 2022-09-14 07:52:55

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

我也只是我 2022-09-14 07:52:55

bootstrap主要是对类名的引用，你li都不加类名，所以你引用没有用，可以尝试按文档的class来命名

早乙女 2022-09-14 07:52:55

<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>

仔细看下官方实例，你就会发现组件的几个属性你都没有写

时光礼记 2022-09-14 07:52:55

有可能是你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>里就能生效。

~没有更多了~

关于作者

柏林苍穹下

暂无简介

0 文章

0 评论

23 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

苦中寻乐

文章 0 评论 0

lueluelue

文章 0 评论 0

嗼ふ静

文章 0 评论 0

王权女流氓

文章 0 评论 0

与花如笺

文章 0 评论 0

残酷

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文