कैसे मैं पहले से ही वेबसाइट से कस्टम समारोह की कोशिश की चहचहाना बूटस्ट्रैप पृष्ठभूमि रंग

Question

बदलने के लिए है, लेकिन मेरे त्रुटि दिखा सकते हैं रहता है, और बुनियादी विधि भी करने की कोशिश की:

body {background-color:red;} 

हां, तो किसी को पता है?

Answer 1

डाउनलोड बूटस्ट्रैप फ़ाइलों के सभी और कहीं .css फ़ाइल जोड़ने के अंदर:

body { 
    background:red !important; 
} 

Answer 2

मैं वास्तविक बूटस्ट्रैप सीएसएस फ़ाइल में बदलाव की सिफारिश नहीं होगा। आप उपलब्ध Bootstrap theme generator (बूटस्ट्रैप थीम जेनरेटर) में से एक के साथ कस्टम बूटस्ट्रैप स्टाइल शीट बना सकते हैं। इस तरह आप सभी स्टाइल बूटस्ट्रैप सीएसएस के साथ 1 स्टाइल शीट का उपयोग कर सकते हैं जिसमें केवल एक ही बदलाव है जिसे आप चाहते हैं। बूटस्ट्रैप थीम जनरेटर के साथ आपको कोई सीएसएस लिखने की आवश्यकता नहीं है। आपको केवल उस रंग के लिए हेक्स मान सेट करने की आवश्यकता है जो आप शरीर के लिए चाहते हैं (मचान, बॉडीबैकग्राउंड)।

स्रोत: How to change the default background color white to something else in twitter boostrap

Answer 3

मैं दृढ़ता से सास का उपयोग कर की सिफारिश करेंगे Bootstrap-Sass साथ न सिर्फ कोर बूटस्ट्रैप ढांचे के लिए किसी भी अनुकूलन बनाने बल्कि अपने सीएसएस सुनिश्चित करने के लिए संभव के रूप में सूखी है। फिर आप

$red: #f00; 

$body-bg: $red; 

जैसे आप अपने मूल बूटस्ट्रैप सीएसएस को आयात करने से पहले कुछ कर सकते हैं, और आप जाने के लिए अच्छे होंगे। ध्यान दें कि सास आपको वैरिएबल ($ लाल) का पुन: उपयोग करने की अनुमति देता है जिसे आपने अभी कहीं भी घोषित किया है जिसे आप अपने ऐप में पसंद कर सकते हैं।

एसएएस या एलईएस जैसे सीएसएस प्रीप्रोसेसर का उपयोग करने के लाभ यहां समाप्त नहीं होते हैं। बूटस्ट्रैप फ़ॉन्ट आकार के एक आनुपातिक प्रणाली पर आधारित है, तो आप भी तरह

$font-size-base: 16px; 

कुछ कर सकते हैं और उस हिसाब से बोर्ड भर में सभी तत्वों (पी, h1..h6 आदि) फ़ॉन्ट आकार बदल जाएगा। तुम भी, उदाहरण के लिए,

$font-family-sans-serif: 'Gill Sans'; 

लिख सकते हैं और कहा कि सभी तत्वों के लिए डिफ़ॉल्ट sans-serif फ़ॉन्ट के रूप में Helvetica की जगह लेगा।

here देखें जब भी आप चाहें तो अपने कोड में किए जा सकने वाले सभी अनुकूलन के लिए और यदि आप सास का उपयोग करते हैं तो बूटस्ट्रैप डाउनलोड करते समय नहीं।

Answer 4

बूटस्ट्रैप 3 में पृष्ठभूमि रंग बदलने का सही तरीका bg-* कक्षाओं का उपयोग करना है। लाल रंग के लिए bg-danger है। bg-primary, bg-success, bg-info and bg-warning भी उपलब्ध है। http://getbootstrap.com/css/#helper-classes-backgrounds

Answer 5

को एचटीएमएल परिवर्तन सीएसएस परिवर्तन में "शरीर {}" के लिए ".body {}" इसका कारण यह है है एक कक्षा एक टैग की तुलना में अधिक विशिष्ट है, और इसलिए यह मुख्य bootsrap से अधिक नियम ले जाएगा .css जो केवल टैग के रूप में वर्गीकृत करता है।

Answer 6

मेरे पास एक बॉयलरप्लेट है जिसे मैंने बनाया है जिसे मैं बूटस्ट्रैप थीम बनाने के लिए उपयोग करता हूं, जो आपके द्वारा बनाई गई थीम का उपयोग करके दस्तावेज़ उत्पन्न करेगा। मैंने इसे उन कंपनियों पर लागू किया है जो मूल बूटस्ट्रैप घटकों का उपयोग करते समय ब्रांडेड परिणाम प्राप्त करने के लिए कई वेब टीमों में इसका उपयोग करते हैं।

यहाँ देखें: https://github.com/patrickleet/bootstrap-override-boilerplate

README

Answer 7

बूटस्ट्रैप 3.3 के लिए निम्नलिखित बीजी शैली जोड़े निर्देश हैं।

body{ 
background-color: gray !important; 
} 

स्रोत: बूटस्ट्रैप 3.3 गाइड से।