2017-04-12 58 views
0

为了将导航链接的颜色更改为白色,我的CSS需要看起来像什么?我无法更改导航链接的颜色

这里是我的代码

 <div class="col-sm-12"> 
    <nav class="navbar navbar-inverse"> 
<div class="container-fluid"> 
<div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span>       
    </button> 
    <a class="navbar-brand" href="index.html">Tile Works</a> 
</div> 
<div class="collapse navbar-collapse" id="myNavbar"> 
    <ul class="nav navbar-nav"> 
    <li><a href="services.html">Services</a></li> 
    <li><a href="gallery.html">Photo Gallery</a></li> 
    <li><a href="about.html">About Us</a></li> 
    <li><a href="contact.html">Contact Us</a></li> 
    </ul> 
</div> 
</div> 
</nav> 
</div> 
+0

你可以添加CSS代码吗? – GvM

回答

0

你可以试试这个

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

希望它可以帮助

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

虽然此代码片段可能会解决问题,但[包括解释](http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers)确实有助于提高帖子的质量。请记住,您将来会为读者回答问题,而这些人可能不知道您的代码建议的原因。 –

1

您可以使用CSS代码象下面这样:

.navbar-collapse .navbar-nav li a { 
    color: white; 
} 

我试过了,它工作。

相关问题