Question

我正在使用Bootstrap drupal主题。我的菜单项垂直显示，带有样式（悬停下划线，旁边有一个点。我在PHP或CSS中遗漏了什么？我的悬停下拉列表也没有工作。不确定是否必须做它现在出现的方式。

<div class="menu_wrapper">

  <nav class="navbar" role="navigation">

    <div class="container">

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

          <ul class="nav navbar-nav">

            <li><a href="#">

                <?php $navigation = menu_navigation_links('main-menu');
                                    print theme('links__system_main_menu', array('links' => $navigation));?>

                            </a>
                    </li>

          </ul>

      </div>

      <div class="clear"></div>

  </nav><!-- end main-menu -->

</div>

CSS

/* Menu */

.menu-wrapper {
    background-color: #c32523;
    opacity: 40%;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #000000;
}

.navbar {
    color: #ffffff;
}

nav {
    color: #ffffff;
    text-decoration: none;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
}
ul.nav li.dropdown ul.dropdown-menu {
  margin-top: 0;
}

Answer 1

HTML中的菜单包装器类menu_wrapper带有下划线，但在您的css中，您使用了连字符.menu-wrapper。相应地更改其中一个，您的样式将适用。

为什么我的drupal菜单没有正确显示样式？

1 个答案: