[英]Changing the text color in bootstrap
我正在使用Bootstrap在Wordpress中創建導航欄。 現在,我想更改文本的顏色。 我想那是在“ a”下。 但是我不知道該從哪里開始。 到目前為止,這是我的代碼:
<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>
最后,代碼從引導程序的菜單部分收集菜單項。 但是我需要編輯哪個部分?
您正在使用以下內容覆蓋引導模板:
.navbar .navbar-nav > li > a {
color: #fff;
}
它的行為取決於navbar-default
類,因此您可以通過以下方式進行更改:
.navbar-default .navbar-nav>li>a {
color: #fff;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.