【问题标题】:Bootstrap submenu appears over dropdownBootstrap 子菜单出现在下拉菜单中
【发布时间】:2013-02-22 16:54:01
【问题描述】:

我正在使用最新的 Twitter Bootstrap 和来自"Awful Media" 的“响应”主题。

我的问题是,我的下拉菜单的子菜单出现在下拉菜单上方,而不是在右侧左右,您无法正确阅读任何内容..

(我不知道我应该准确发布哪个代码,如果您查看我的beta-Testsite 可能会有所帮助?导致问题的子菜单在“采取行动”下..)

【问题讨论】:

    标签: css twitter drop-down-menu twitter-bootstrap submenu


    【解决方案1】:

    从这里匹配你的 html 和类

    它与你的代码完全相同{可以使用相同的}

    Devin walker multi-child navbar for bootstrap


    并为新孩子添加主题类以获得相同的外观和感觉

    如果解决了

    为下拉项尝试这些样式

    .navbar .nav > li > a {
      float: none;
      margin: 25px 10px 5px;
      padding: 5px;
      font-size: 18px;
      line-height: 19px;
      margin-left: 20px;
      color: #999999;
      border: none;
      background-image: url("../img/color.jpg");
      background-size: 100%;
      background-position: -200px -10px;
      background-repeat: no-repeat;
      font-family: 'Lato', sans-serif;
      -webkit-transition: background-position .5s ease, color .8s ease;  
      -moz-transition: background-position .5s ease, color .8s ease;
      -o-transition: background-position .5s ease, color .8s ease;
    }
    .navbar .nav > li > a:hover {
      color: #fff;
      background-position: 0 0;
      text-decoration: none;
      background-color: transparent;
      font-family: 'Lato', sans-serif;
    }
    
    .navbar .nav .active > a,
    .navbar .nav .active > a:hover {
      text-decoration: none;
      color: #fff;
      background-position: 0 0;
      background-image: url("../img/color.jpg");
      background-size: 100%;
    }
    

    【讨论】:

    • 是的,现在它有点工作了^^。但只是,如果我不让菜单浮动正确.. 但无论如何:D 非常感谢!
    • 不错别忘了设置下拉菜单的样式和不错的倡议
    猜你喜欢
    • 2014-08-04
    • 2013-07-26
    • 2015-07-14
    • 1970-01-01
    • 1970-01-01
    • 2023-03-19
    • 2017-03-06
    • 2017-03-28
    • 2017-02-05
    相关资源
    最近更新 更多