5

बूटस्ट्रैप में table {border-collapse: collapse; border-spacing:0;} शैली है।बूटस्ट्रैप तालिका सीमा-पतन शैली ओवरराइड

table.FormGroupContainer 
{ 
    border-collapse: separate; 
    border-spacing: 2px; 
} 

लेकिन अभी भी सीमाओं ढह रहते हैं: मैं तो मैं एक वर्ग बनाने है और प्रश्न में मेज पर इसे लागू किया रूप से ओवरराइड करना चाहते हैं। क्रोम तत्व इंस्पेक्टर दिखाता है कि बूटस्ट्रैप सीएसएस को ओवरराइड किया गया है लेकिन इंस्पेक्टर में शैली को अक्षम करने से सीमा सीमा हो सकती है। मैंने इसे आईई 11 और फ़ायरफ़ॉक्स 31.0 में देखा है। इनलाइन शैलियों को ओवरराइड भी दिखाई देता है (जैसा कि क्रोम इंस्पेक्टर में दिखाया गया है) लेकिन जब तक मैं बूटस्ट्रैप शैली को अक्षम नहीं करता तब तक कोई प्रभाव नहीं पड़ता।

सीएसएस लोड ऑर्डर में कोई फर्क नहीं पड़ता है। क्या देता है? कक्षा उच्च विशिष्टता नहीं है?

+1

Normalize.css (बूटस्ट्रैप 3 का हिस्सा) पतन जोड़ता है। सीएसएस लोड ऑर्डर हमेशा एक फर्क पड़ता है। यदि शैली तालिका पर लागू होती है तो यह काम करेगा कि यह बूटस्ट्रैप सीएसएस के बाद है और कोई अन्य सीएसएस इसके साथ विवादित नहीं है: http://jsbin.com/bavogi/1/edit – Christina

+0

@ क्रिस्टीना ओके, बूटस्ट्रैप का सीएसएस आखिरी बार लोड हो गया है । 'Table.FormGroupContainer' की उच्च विशिष्टता नहीं है:'

'FormGroupContainer को बूटस्ट्रैप तालिका सीएसएस को ओवरराइड करने की अनुमति दें? – XyberICE

+0

हां, अगर यह सब कुछ है। याद रखें यह normalize.css है जो बूटस्ट्रैप का हिस्सा है लेकिन अलग से बनाए रखा है। – Christina

उत्तर

3

लोड ऑर्डर यहां एक मुद्दा था। बूटस्ट्रैप से पहले मेरी स्टाइलशीट लोड की जा रही थी। मैंने अपनी स्टाइलशीट में नियम के लिए अधिक विशिष्टता जोड़ा जो इसे बूटस्ट्रैप के table सीएसएस के साथ प्रतिस्पर्धा करने की अनुमति देता है। धन्यवाद @ क्रिस्टीना।

संबंधित मुद्दे