Question

我正在使用bootstrap在Wordpress中制作导航栏。现在我想改变文本的颜色。我想这是＆＃34; a＆＃34;。但我不知道我需要从哪里开始。到目前为止，这是我的代码：

<nav style="background-color: #C6A970 !important;" class="navbar navbar-default" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">

    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ); ?></a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse">
<?php wp_nav_menu( array('menu' => 'Main', 'menu_class' => 'nav navbar-nav navbar-left', 'depth'=> 3, 'container'=> false, 'walker'=> new Bootstrap_Walker_Nav_Menu)); ?>
  </div><!-- /.navbar-collapse -->
</nav>

最后，代码从bootstrap中的菜单部分收集菜单项。但是我需要编辑哪个部分？

Answer 1

您希望使用以下内容覆盖引导程序模板：

.navbar .navbar-nav > li > a {
    color: #fff;
}

Answer 2

它的行为取决于navbar-default类，所以你可以通过这种方式改变它：

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

更改引导程序中的文本颜色

2 个答案: