Không thay đổi màu chữ trong thanh điều hướng Bootstrap

Question

Tôi đã cố gắng thay đổi màu văn bản trong thanh điều hướng của mẫu bootstrap và đã không thành công. Có ai biết tôi đang đi đâu không? Đây là mã của tôi.

<!--navbar--> 
<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner" id="nav-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="#">Restaurant</a> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"> </b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
      </ul> 
      </li> 
     </ul> 
     <form class="navbar-search pull-right" action=""> 
      <input type="text" class="search-query span2" placeholder="Search"> 
     </form> 
     </div><!-- /.nav-collapse --> 
    </div><!-- /.container --> 
    </div><!-- /.navbar-inner --> 
</div><!-- /.navbar --> 
<!--navbar--> 

CSS:

.navbar-inner { 
    color: #FFF; 
} 

Tôi cũng đã cố gắng này:

#nav-inner { 
    color: #FFF; 
} 

Answer 1

Nếu bạn muốn thay đổi css cho các tab bạn cần phải thêm color: #ddd; như sau

.navbar .nav > li > a { 
    float: none; 
    line-height: 19px; 
    padding: 9px 10px 11px; 
    text-decoration: none; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #ddd; 
} 

Hy vọng nó sẽ giúp !!

Answer 2

Đoán của tôi là Bootstrap định nghĩa quy tắc CSS cụ thể hơn, chiến thắng trên quy tắc chung hơn của bạn. Bạn nên kiểm tra trang bằng Firefox hoặc các công cụ dành cho nhà phát triển của Chrome để xem kiểu nào đang chiến thắng so với các kiểu khác. Nếu phong cách của bạn thậm chí không hiển thị, thì bạn biết có một vấn đề cơ bản hơn, nhưng nếu phong cách Bootstrap là trọng màu của bạn, bạn phải cho phong cách của bạn ưu tiên cao hơn.

Đối với một kiểm tra sanity, hãy thử cai trị quá mức cần thiết này:

html body .navbar .navbar-inner .container { 
    color: #FFF; 
} 

Và nếu mà làm việc, sau đó thử nghiệm với một mức độ thấp của đặc hiệu để xem cách cụ thể mà bạn thực sự cần phải có được.

Nếu vẫn thất bại, bạn luôn có thể làm:

color: #FFF !important; 

Các CSS2 specification đẻ này ra một cách chi tiết.

Answer 3

.navbar .nav > li > a { 
    float: none; 
    color: #5FC8D6; 
    background-color: #002E36; 
} 
.navbar .nav > li > a:hover { 
    float: none; 
    color: #002E36; 
    background-color: #5FC8D6; 
} 

Answer 4

Nó hoạt động ... thử nó ra .......

.navbar-nav > li > a:link 
{ 
color:red; 
} 

Answer 5

nav.navbar-nav.navbar-right li a { 
    color: blue; 
} 

trình như một say mê! Tìm thấy nó trên một chủ đề khác, do đó, không lấy tín dụng cho nó.