Bootstrap：全宽下拉菜单

【问题标题】：Bootstrap: full width dropdown menuBootstrap：全宽下拉菜单
【发布时间】：2017-02-10 17:31:01
【问题描述】：

我需要做全宽下拉菜单，但下拉菜单项应严格低于菜单项（右：0）。 Display: table like in other examples here on stackoverflow并没有帮助我。 请告诉我我能用这个做什么。

【问题讨论】：

  • 您使用 display: flex 等完全覆盖了 Bootstrap 下拉菜单的工作方式，所以这个问题与 Bootstrap 下拉菜单无关

    • 标签： twitter-bootstrap css twitter-bootstrap-3


    【解决方案1】：

    据我了解，您希望 ul.dropdown-menu 具有 100% 宽度作为 home-topmenu

    为此，一种解决方案是将ul.dropdown-menu 设为absolute 相对于.home-topmenu。

    因此您必须将position:relative 添加到.home-topmenu 并从div.dropdown 中删除position:relative

    然后将width:100% 添加到ul.dropdown-menu 并根据需要放置它。

    如果这有帮助，请告诉我。

    【讨论】：

    • 好吧。为什么不 ？我在您的 plnkr 中进行了这些更改并且它有效。你可以说得更详细点吗 ？请使用 SO sn-p 来显示您的问题或至少一个 jsfiddle
    • 请正确阅读我的回答。从 .dropdow 中删除 position:relative 并将其添加到 .home-topmenu ，以及我在答案中写的其他 css 样式。还。不要使用plnkr。很难工作/编辑它。使用 SO sn-p 或至少 jsfiddle
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode