2012-04-11 16 views
6

ओवरराइड मैं ट्विटर-बूटस्ट्रैप से एनवी गोलियों का उपयोग कर रहा हूं। कुछ स्क्रीन संकल्पों पर, गोलियों को किसी स्पष्ट कारण के लिए धक्का दिया जाता है। फायरबग का उपयोग करते समय, यदि मैं डिस्प्ले को खत्म करता हूं: .nav-pills से तालिका, समस्या दूर हो जाती है। मैंने डिस्प्ले को ओवरराइड करने का प्रयास किया है: मेरी अपनी .css फ़ाइलों में से एक में टेबल, लेकिन अब तक फ़ायरफ़ॉक्स हमेशा मेरे ओवरराइड प्रयास को एक अलग शैली के रूप में देखता है।बूटस्ट्रैप सीएसएस

यहां समस्या का एक उदाहरण है। मुझे पता है कि समस्या को संभालने का यह सबसे अच्छा तरीका नहीं है, लेकिन यह समस्या का प्रदर्शन करने का सबसे अच्छा तरीका है।

अग्रिम धन्यवाद,

बूटस्ट्रैप सीएसएस:

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{ 
    content: ""; 
    display: table; 
} 

मेरे सीएसएस:

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{ 
    display:block !important; 
} 

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

Firefox CSS results

+0

* "फ़ायरफ़ॉक्स हमेशा मेरे ओवरराइड प्रयास को एक अलग शैली के रूप में देखता है" * इसका क्या अर्थ है? विशेष रूप से, यह इसे एक अलग शैली के रूप में कैसे देखता है? –

+0

@ कोडी ग्रे: यदि आप वास्तविक सीएसएस चयनकर्ता को देखते हैं, तो वे समान हैं। डिस्प्ले: bootstrap.css में तालिका को पार किया जाना चाहिए, क्योंकि डिस्प्ले: ब्लॉक! साइट.css में महत्वपूर्ण इसे ओवरराइड कर रहा है। एकमात्र कारण मैंने उपयोग किया! महत्वपूर्ण यह सुनिश्चित करना है कि मेरी शैली बूटस्ट्रैप की शैली को ओवरराइड करेगी। चूंकि ऐसा नहीं हुआ, इससे मुझे लगता है कि फ़ायरफ़ॉक्स दोनों ब्लॉक को एचटीएमएल के विभिन्न ब्लॉक को लक्षित करने के रूप में देखता है। – sveatch42

+0

क्या आपने ट्विटर बूटस्ट्रैप सीएसएस से पहले अपना सीएसएस लोड करने का प्रयास किया था? – periklis

उत्तर

1

आप Chrome में अपने तत्व का निरीक्षण किया, तो आप देख सकते हैं कि सीएसएस चयनकर्ता, उस तत्व के लिए लागू एक मीडिया क्वेरी के अंतर्गत आता है।

जब आपने अपना बूटस्ट्रैप डाउनलोड कॉन्फ़िगर किया, तो क्या आपने उत्तरदायी अनुभाग में विकल्प जांचे?

मुझे लगता है कि समस्या यह है कि मीडिया क्वेरी से एक सीएसएस चयनकर्ता आपके स्वयं के सीएसएस-चयनकर्ता को ओवरराइड कर रहा है।

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