बूटस्ट्रैप थीम तत्वों को रंग नहीं बदल सकता

Question

यह मेरा पहला समय है जब मैं अपने एएसपीनेट वेब एप्लिकेशन के साथ बूटस्ट्रैप विषय का उपयोग कर रहा हूं, इस प्रकार मुझे सीएसएस संपादन के साथ कुछ कठिनाइयों का सामना करना पड़ रहा है।

मुझे यह बूटस्ट्रैप टेम्पलेट ऑनलाइन मिला, और मेरी ज़रूरतों को समायोजित करने के लिए मैं पाद लेख div के रंग को दूसरे रंग में बदलना चाहता हूं। यहाँ एचटीएमएल

<div class="footer_bottom"> 
     <div class="copy"> 
      <p>Copyright &copy; 2014</p> 
     </div> 
    </div> 

में कोड है और यहाँ सीएसएस

.footer_bottom { 
padding: 2em 0; 
/*background: #7cc4cc;*/ 
background: #5DBCD2; 

}

असल में, मैं # 5DBCD2 को # 7cc4cc से div का रंग बदल करना चाहते है। जब मैं अपने पेज को Google क्रोम में चलाता हूं और निरीक्षण तत्व विकल्प का चयन करता हूं, तो कोड माना जाता है कि कोड काम करता है, लेकिन सीएसएस गुणों में बैकग्राउड: # 7cc4cc लाइन पृष्ठभूमि के ऊपर स्लैश हो गया है: # 5 डीबीसीडी 2 (जिसे बाहर नहीं किया गया है) लेकिन रंग का रंग div दिखाया गया है अभी भी # 7cc4cc है। संक्षेप में मैं किसी कारण से थीम के सीएसएस रंग गुणों को नहीं बदल सकता। किसी भी तरह की सहायता का स्वागत किया जाएगा।

Answer 1

आप सीख सकते हैं CSS Specificity पढ़ने के द्वारा बहुत कुछ। सीएसएस नियमों की चोटी पर नियमों के बारे में है, इसलिए मैं क्या सोचते हो रहा है, कि कुछ नियमों पर अपने लागू किया जा रहा है है: उच्च विशिष्टता है और बनाने है कि उस की तुलना में इस .footer-bottom घोषणा उच्च किसी भी नियम के लिए

.footer_bottom { background: #5DBCD2; } 

चेक।

!important अन्य उत्तरों में समाधान ऐसा कुछ नहीं है जिसे आप करना चाहते हैं। समय के साथ ये चीजें आपको अपने गधे में काटने जा रही हैं, क्योंकि वे छत के माध्यम से अपनी विशिष्टता को उड़ाते हैं।

Answer 2

आप बूटस्ट्रैप सीएसएस ओवरराइड करने के लिए ताकि आप तो जैसे अपनी पृष्ठभूमि रंग बदलने के लिए !important जोड़ने की जरूरत है कोशिश कर रहे हैं:

.footer_bottom { 
padding: 2em 0 !important; 
/*background: #7cc4cc;*/ 
background: #5DBCD2 !important; 

Answer 3

उपयोग !important बूटस्ट्रैप शैलियों को ओवरराइड करने:

.footer_bottom { 
     padding: 2em 0 !important; 
     background: #5DBCD2 !important; 
    }