【问题标题】:Bootstrap navigation bar has no styleBootstrap 导航栏没有样式
【发布时间】:2018-03-24 07:37:40
【问题描述】:

所以我一直在我的 WordPress 主题上编写一个引导导航栏,它根本没有样式。截图如下。

这是我的代码:

<nav class="navbar navbar-default navbar-digital fixed-top" role="navigation">
    <?php
        wp_nav_menu(array(
            'theme_location' => 'primary',
            'container' => false,
            'menu_class' => 'nav navbar-nav navbar-left'
        ));
    ?>
</nav>

我的 bootstrap.min.css 在我的网站 css 上方的头部,所以让我把它排除在外。源代码:

<div class="nav-container">
    <nav class="navbar navbar-default navbar-digital fixed-top" role="navigation">
        <ul id="menu-header-menu" class="nav navbar-nav navbar-left">
            <li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6"><a href="http://localhost/punky/">Home</a></li>
            <li id="menu-item-7" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7"><a href="http://localhost/punky/sample-page/">Sample Page</a></li>
        </ul>                       
    </nav>
</div>

【问题讨论】:

  • 您确定引导程序包含在正确的路径上或在正确的路径上可用吗?
  • 通过检查元素来检查页面上加载了该类的样式。
  • 在您声明引导程序 4 的问题的标签中,但您显示的标记是针对引导程序 3 的。
  • @sunilkumar 是的,我确定。
  • @StupidKid 我已经包含了源代码,检查

标签: css wordpress twitter-bootstrap


【解决方案1】:

您已将'theme_location' 设置为primary。您是否检查过您的菜单位置是否相同:

【讨论】:

    【解决方案2】:

    你能看到开发工具的源代码中是否正在加载引导文件吗?检查您是否也选择了菜单的位置。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-02-13
      • 2017-05-10
      • 1970-01-01
      • 1970-01-01
      • 2021-03-14
      • 1970-01-01
      • 2014-04-26
      • 1970-01-01
      相关资源
      最近更新 更多