html - 即使使用自定义类 css，Wordpress 菜单也不会水平对齐

Question

好的，所以我无法将我的 wordpress 菜单与我的自定义设计主题对齐。我正在使用 bootstrap 3 框架，尽管我有正确的 css 来列出任何内联 menu-nav 的 css 类，但我无法让菜单显示为内联。请检查页面是我的 css 错误还是我必须对 wordpress 做些什么？

http://smeprintinganddesign.net

到目前为止，这是我的自定义 CSS

body{
    color: black;
}

menu-nav {
    position: relative;

    padding: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline !important;
    line-height: 20px;

}

Answer 1

<div class="collapse navbar-collapse navbar-ex1-collapse">
  <ul class="nav navbar-nav js-nav-add-active-class">
          <li class="page_item page-item-11"><a href="http://www.smeprintinganddesign.net/about-us/">About Us</a></li>
          <li class="page_item page-item-19"><a href="http://www.smeprintinganddesign.net/basket/">Basket</a></li>
          <li class="page_item page-item-20"><a href="http://www.smeprintinganddesign.net/checkout/">Checkout</a></li>
          <li class="page_item page-item-9"><a href="http://www.smeprintinganddesign.net/contact-us/">Contact Us</a></li>
          <li class="page_item page-item-2 current_page_item"><a href="http://www.smeprintinganddesign.net/">Home</a></li>
          <li class="page_item page-item-21"><a href="http://www.smeprintinganddesign.net/my-account/">My Account</a></li>
          <li class="page_item page-item-18"><a href="http://www.smeprintinganddesign.net/shop/">Shop</a></li>
</ul>
</div>

您好，您的菜单嵌套在另一个无序列表的深处一层，因此它没有应用 Bootstrap 类。删除内部的 ul 和 li 和 div 类菜单，它就可以工作了。请参阅上面更新的菜单代码。

您可能需要做的是删除由运行 wp-includes/nav-menu-template.php 中的菜单的 WordPress 函数“之前”和“之后”添加的 div。更多信息:https://developer.wordpress.org/reference/functions/wp_nav_menu/