2012-02-16 11 views
52

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

ट्विटर बूटस्ट्रैप पृष्ठ पर (http://twitter.github.com/bootstrap/base-css.html) सब कुछ ठीक से काम कर रहा है।

मेरी निरीक्षक में मैं निम्नलिखित अंतर देखें:

मेरे पेज:

CSS style for my page

चहचहाना बूटस्ट्रैप पेज:

CSS style for twitter bootstrap page

तो निश्चित रूप से समस्या है कि उपयोगकर्ता एजेंट स्टाइलशीट बूटस्ट्रैप शैलियों को ओवरराइड कर रहा है।

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

अन्य सीएसएस का अधिकांश काम ठीक काम कर रहा है।

मेरे सीएसएस आयात:

चहचहाना बूटस्ट्रैप पृष्ठ पर
<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet"> 

सीएसएस आयात:

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
+22

मैं वास्तव में यह पता अपने आप लगा, लेकिन मैं प्रश्न पोस्ट चाहते हैं वैसे भी रूप में यह किसी और मदद कर सकता है सोचा। मैं था टैग को गलत तरीके से लिखा है। तो अगर आपको यह समस्या है तो सुनिश्चित करें कि डॉक्टरेट घोषणा सही है! मैं तुम्हें चूम देना चाहते हैं – Riku

+0

तालिका – krish

+1

के लिए रीसेट शैली को परिभाषित! यह बिल्कुल मेरे समय और तंत्रिकाओं को बचाया। –

उत्तर

81

मैंने वास्तव में इसे स्वयं बाहर निकाला। मेरे पास <!DOCTYPE html> टैग गलत तरीके से लिखा गया था। तो अगर आपको यह समस्या है तो सुनिश्चित करें कि डॉक्टरेट घोषणा सही है!

+1

वास्तव में ठीक करें। अभी भी पूरी तरह उलझन में है कि यह – Damon

+0

क्यों करेगा, जब मैं haml फ़ाइलों को erb प्रारूप (रेल पर रूबी) में कनवर्ट करने का प्रयास करता हूं तो मुझे यह समस्या थी। हैमल ऑटो-नोटेशन '!!! 'के साथ एक डॉक्टरेट शामिल है। – Chris

+0

@ रिकू अद्भुत फिक्स। बहुत दोस्त धन्यवाद। 2 घंटे के लिए मेरे सिर तोड़ रहा था! .. लेकिन अजीब बग। – niranjan94

1

अपने आवेदन में docs.css आयात करें और साथ ही। अगर मुझे ऐसा कहना चाहिए, तो आपको यह महसूस करना होगा कि ट्विटर बूटस्ट्रैप डॉक्स bootstrap.css और एक कस्टम docs.css का उपयोग कर रहे हैं। ऐसा करने का प्रयास करें, जिसे आप github पैकेज से डाउनलोड कर सकते हैं। फिर, दस्तावेज़ों में टेबल कक्षाओं के साथ खेलने का प्रयास करें। मास्टर सीएसएस के साथ गड़बड़ किए बिना सीएसएस। या हेडर में DOCTYPE जोड़ने का प्रयास करें।

<link href="/media/bootstrap/css/docs.css" rel= "stylesheet"> 
1

यदि बहुत शुरुआत में <!DOCTYPE html> घोषित नहीं करता है, तो शायद यह आपकी उपयोगकर्ता-एजेंट स्टाइल शीट का आकलन नहीं कर रहा है। यह आपकी शैलियों को ओवरराइड करने के लिए बूटस्ट्रैप की स्टाइल शीट हो सकती है (मुझे यह समस्या है)। सुनिश्चित करें कि आपकी शैली शीट से आपके HTML में बूटस्ट्रैप की स्टाइल शीट के बाद जुड़ी हुई है।

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's --> 
0

चेक अपने सीएसएस कहा जाता है कि क्या है या ब्राउज़र देव उपकरण (प्रेस F12) नेटवर्क स्तंभ के अंतर्गत में नहीं।

यदि इसे नहीं कहा जाता है, तो अपनी स्टाइल शीट का उपयोग 1 rel="stylesheet" type="text/css" के साथ करें।

यह मेरे लिए काम किया।

+0

यह प्रश्न का उत्तर नहीं है। – vonbrand

1

मुझे ओपी के समान समस्या थी।मैं चाहता था सुंदर छोटे पाठ और कुछ उपयोगकर्ता स्टाइलशीट यह overiding किया गया था और डाल:

font-size: medium; 

जब मैं चाहता था:

<!DOCTYPE html> 
:

font-size:8pt; 

मैं अपने HTML पृष्ठ के शीर्ष पर निम्न रखा

सभी अच्छे तो, एक बुरी आदत में करने के लिए शीर्ष पर doctype नहीं घोषित करवाना था। सभी उपयोगकर्ता स्टाइलशीट अब चले गए हैं।

क्या अधिभावी है कि आपके सीएसएस पर यह हमेशा एक अच्छा विचार तत्व (F12) का निरीक्षण करने के लिए है पता करने के लिए और आप संशोधित कर सकते हैं और मक्खी जब तक आप सही करने के लिए मिल पर untick गुण है, तो यह के साथ अपने सीएसएस फ़ाइल का अद्यतन!

लेकिन यदि आप एक उपयोगकर्ता स्टाइलशीट मुद्दा है, इन मूल्यों को लॉक किया जाएगा।

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