तत्व के सीएसएस की स्थिति को ओवरराइड करने का उचित तरीका क्या है: सापेक्ष; ' बूटस्ट्रैप 2.2.1 का उपयोग कर?

Question

मैं ट्विटर बूटस्ट्रैप 2.2.1 प्रारंभिक बॉयलरप्लेट का उपयोग कर एक प्रोजेक्ट पर काम कर रहा हूं। बूटस्ट्रैप के डिफ़ॉल्ट सीएसएस विशेषताओं को सही तरीके से ओवरराइड करने के लिए आपको प्रभावित वर्ग के लिए 'main.css' में प्रविष्टि बनाने और वांछित विशेषताओं को जोड़ने की आवश्यकता है।

इस विशेष मामले में बूटस्ट्रैप में '.collapse' नामक एक कक्षा है जिसे डिफ़ॉल्ट नेविबार पर लागू किया जाता है।

.collapse{ 
    position:relative; 
    height:0; 
    overflow:hidden; 
    -webkit-transition:height .35s ease; 
    -moz-transition:height .35s ease; 
    -o-transition:height .35s ease; 
    transition:height .35s ease 
} 

भाग जाता है कि मेरे लिए समस्याओं के कारण 'स्थिति: रिश्तेदार;' है। मुझे कोई स्थिति विवरण होने की आवश्यकता नहीं है। अब मुझे पता है कि मैं बस बूटस्ट्रैप सीएसएस फ़ाइल खोल सकता हूं और इसे संपादित कर सकता हूं लेकिन अगर फ़ाइल अपडेट हो जाती है तो परिवर्तन खो जाएगा।

इस सीएसएस प्रविष्टि को ओवरराइड करने का सही तरीका क्या है?

Answer 1

bootstrap.css के बाद अपनी खुद की सीएसएस फ़ाइल शामिल करें और उसी चयनकर्ता के साथ एक नियम लिखें। स्थिति संपत्ति के लिए, आप position: static; या जो कुछ भी आपको चाहिए, उसका उपयोग कर सकते हैं।

Answer 2

तो सिर्फ एक संपत्ति आप html तत्व के लिए इनलाइन सीएसएस जोड़ सकते हैं और उसके डिफ़ॉल्ट मान पर position संपत्ति रीसेट कर सकते हैं है:

<nav class="collapse" style="position:static"> 
    <ul> 
    <li>....</li> 
    <li>....</li> 
    </ul> 
</nav> 

लेकिन अगर आपको लगता है आप बदल/अन्य शैलियों जोड़ना होगा, तो आप चाहिए bootstrap.css के बाद अपनी खुद की सीएसएस फ़ाइल जोड़ें, जिसके साथ आपकी सभी शैलियों बूटस्ट्रैप डिफ़ॉल्ट सीएसएस को ओवरराइड कर देगी।