ट्विटर बूटस्ट्रैप

Question

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

मेरी क्वेरी यह है कि मैं अपने पृष्ठ की पृष्ठभूमि को बदलने के लिए बूटस्ट्रैप में सीएसएस का किस भाग को बदलना चाहिए।

Answer 1

आप अपने स्वयं के नियम जोड़कर बूटस्ट्रैप्स डिफ़ॉल्ट सीएसएस को ओवरराइट कर सकते हैं।

<style type="text/css"> 
    body { background: navy !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */ 
</style> 

Answer 2

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

Answer 3

आप बस इस लाइन अपने bootstrap_and_overides.css.less फ़ाइल

body { background: #000000 !important;} 

यह

Answer 4

मैं cdn बूटस्ट्रैप का उपयोग कर रहा है कि में, समाधान है कि मैंने पाया जोड़ सकते हैं था: पहले cdn शामिल बूटस्ट्रैप, फिर आप फ़ाइल .css शामिल करते हैं जहां आप बूटस्ट्रैप की डिफ़ॉल्ट शैलियों को संपादित कर रहे हैं।

Answer 5

आपको थोड़ा और विशिष्ट होने के कारण बूटस्ट्रैप डिफ़ॉल्ट को ओवरराइड करना होगा। एक काले रंग की पृष्ठभूमि के लिए इस प्रयास करें:

html body { 
    background-color: rgba(0,0,0,1.00); 

} 

Answer 6

अपनी खुद की .css फ़ाइल & यह में डाल जोड़ें:

body{ 
    background: navy; 
} 

महत्वपूर्ण: html में सीएसएस फ़ाइलों सहित, वहीं पहले cdn बूटस्ट्रैप सीएसएस शामिल हैं, फिर केवल अपनी खुद की .css फ़ाइल शामिल करें। इस तरह आपकी स्वयं की सीएसएस फ़ाइल में स्टाइलिंग बूटस्ट्रैप सीएसएस से डिफ़ॉल्ट व्यवहार को ओवरराइड करता है।

Answer 7

इसकी नहीं बूटस्ट्रैप फ़ाइल को अधिलेखित करने के लिए, बस अपने स्थानीय style.css उपयोग

शरीर {पृष्ठभूमि में सिफारिश की: अपने रंग महत्वपूर्ण;

यहां ! महत्वपूर्ण घोषणा बूटस्ट्रैप मान को ओवरराइट करें।

Answer 8

कैसे वर्ग के साथ & सीएसएस html में पृष्ठभूमि का रंग बदलने के लिए

उदाहरण:

एचटीएमएल पर आप लिखते हैं

<div class="pad_menu"> 
</div> 

सीएसएस पर

.pad_menu { 
    padding: 100px; 
    background-color: #A9FFCB; 
} 

तो अपने पृष्ठभूमि हो जाएगा यदि आप कोड ओ जानना चाहते हैं तो जादू मिंट में बदलें एफ रंग, मेरा सुझाव है कि आप https://coolors.co पर जाएं। आशा है कि यह उपयोगी :)