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

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。相应地更改其中的 1 个，您的样式将适用。