bootstrap 3 navbar marka rengi

Question

Bootstrap 3 navbarını kullanıyorum ancak bazı sebeplerden dolayı marka metni rengini veya açılan üçgenleri değiştiremiyorum. i bootstrap.css dosyasında birkaç şey, ama yine de başarısız ...

.navbar .nav > .navbar-brand > a { 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #d6d6d6; 
} 

.navbar-brand { 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #d6d6d6; 
} 

.navbar-brand a{ 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #d6d6d6; 
} 

Answer 1

denedim: Marka metin rengi ayarlanır nerede

.navbar-default .navbar-brand { 
    color: #777777; 
} 

olduğunu. Bunu color: #ff0000 olarak değiştirdim ve başarıyla kırmızı olarak değiştirildi. , açılan üçgenin rengini değiştirmek açılan üçgen için vurgulu vb farklı renkler için buraya

.navbar-default .navbar-nav > .dropdown > a .caret { 
    border-top-color: #777777; 
    border-bottom-color: #777777; 
} 

renk değerlerini değiştirmek için:

.navbar-default .navbar-nav > .dropdown > a:hover .caret, 
.navbar-default .navbar-nav > .dropdown > a:focus .caret { 
    border-top-color: #333333; 
    border-bottom-color: #333333; 
} 

.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret { 
    border-top-color: #ff0000; 
    border-bottom-color: #ff0000; 
} 

Answer 2

Bu özgüllük konudur. Bootstrap'in CSS'sinde yer alan beyan sizinkilerden daha belirgindir. senin deklarasyonu bu şekilde yazınız:

.navbar-default .navbar-brand { 
    color: #d6d6d6; 
} 

Basitçe kullanılarak .navbar-brand az spesifik ve böylece göz ardı olduğunu. here özgüllüğü hakkında biraz bilgi okuyabilirsiniz.

Answer 3

Stilleriniz etkili olmazsa, bu bir özgüllük konusudur. Web Denetçisini Chrome veya Safari'de kullanın ve hangi stillerin etkin olduğunu ve ayrıca bu stilleri uygulamak için kullanılan seçiciyi size söyleyecektir.

Answer 4

sizin navbar bu çözümlerin işe yaramaz böylece, navbar-ters kullanıyor siyahsa. Burada diğer öneri sizin için işe yaramazsa

.navbar-inverse .navbar-brand { 
    color: #d6d6d6; 
} 

Answer 5

sadece

eklemek önemli

(ekledim kadar Bunların hiçbiri benim için çalıştı önemli: Bu durumda kullanımda Yani

!

.navbar-brand { 
    color: #ffffff !important; 
}