बूटस्ट्रैप 3 navbar ब्रांडिंग रंग

Question

मैं बूटस्ट्रैप 3 navbar का उपयोग कर रहा हूं लेकिन कुछ कारणों से ब्रांड टेक्स्ट रंग और न ही ड्रॉपडाउन त्रिकोण बदल सकता है। मैं चीजों की एक जोड़ी है, लेकिन फिर भी प्रयास विफल ...

.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

की कोशिश की है bootstrap.css फ़ाइल में:

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

है जहां ब्रांड पाठ का रंग निर्धारित है। मैंने इसे color: #ff0000 में बदल दिया और यह सफलतापूर्वक लाल हो गया। , लटकती त्रिकोण का रंग बदलने के लटकती त्रिकोण के लिए मंडराना आदि पर रंग के मूल्यों को बदल यहां

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

अलग अलग रंग के लिए:

.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

यह एक विशिष्टता मुद्दा है। बूटस्ट्रैप के सीएसएस में निहित घोषणा आपके से अधिक विशिष्ट है। कृपया अपने घोषणा इस तरह से लिखें:

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

, बस का उपयोग कर .navbar-brand कम विशिष्ट है और इस तरह नजरअंदाज कर दिया है। आप विशिष्टता here के बारे में कुछ पढ़ सकते हैं।

Answer 3

यदि आपकी शैलियों प्रभावी नहीं हो रही हैं तो यह एक विशिष्टता समस्या है। क्रोम या सफारी में वेब इंस्पेक्टर का उपयोग करें और यह आपको बताएगा कि कौन सी शैलियों प्रभावी हैं, और चयनकर्ता भी उन शैलियों को लागू करने के लिए उपयोग किए जाते हैं।

Answer 4

अपने नेवबार काला आप नेवबार-उलटा का उपयोग कर रहे हैं, इसलिए इन समाधान काम नहीं करेगा है।

इस मामले उपयोग में

तो:

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

Answer 5

यहाँ अन्य सुझाव आपके लिए काम नहीं है तो बस

जोड़ने महत्वपूर्ण

(उनमें से कोई भी मेरे लिए काम किया जब तक मैं जोड़ा महत्वपूर्ण!)

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