ट्विटर बूटस्ट्रैप उत्तरदायी लेआउट IE8 या कम

Question

में काम नहीं करता है मैंने ट्विटर बूटस्ट्रैप का उपयोग करके एक साइट विकसित की है और ऐसा लगता है कि उत्तरदायी लेआउट भाग आईई 8 और नीचे के सभी आईई ब्राउज़र में टूटा हुआ है। क्या यह सिर्फ इन ब्राउज़रों के लिए समर्थित नहीं है?

Answer 1

आईई 8 और नीचे के @media प्रश्नों के समर्थन के लिए
css3-mediaqueries-js देखें।

css3-mediaqueries.jsWouter वैन डेर Graaf आईई बनाने के लिए 5 + एक JavaScript लाइब्रेरी है द्वारा, फ़ायरफ़ॉक्स 1+ और सफारी 2 पारदर्शी रूप से पार्स, परीक्षण और लागू CSS3 के मीडिया क्वेरी। फ़ायरफ़ॉक्स 3.5+, ओपेरा 7+, सफारी 3+ और क्रोम पहले ही देशी समर्थन प्रदान करता है।

पीएस: मैं इस प्लगइन के साथ ट्विटर बूटस्ट्रैप का उपयोग करता हूं और यह कमाल का काम करता है! उम्मीद है की यह मदद करेगा! :)

Answer 2

यदि आप बेहतर प्रदर्शन करना चाहते हैं और आपकी संरचना बहुत जटिल नहीं है।

आप Respond.JS

लेखक से कोशिश कर सकते हैं:

यह केवल CSS3 के मीडिया क्वेरी polyfill वहाँ स्क्रिप्ट नहीं है; लेकिन यह बहुत अच्छी तरह से हो सकता है।

यदि आप अधिक मजबूत CSS3 मीडिया क्वेरी समर्थन की तलाश में हैं, तो आप http://code.google.com/p/css3-mediaqueries-js/ देखें। परीक्षण में, मुझे यह पता चला है कि जटिल उत्तरदायी डिज़ाइन (फाइलसाइज़ और प्रदर्शन दोनों में) को प्रस्तुत करते समय स्क्रिप्ट को ध्यान में धीमा होना चाहिए, लेकिन यह वास्तव में इस स्क्रिप्ट की तुलना में बहुत अधिक मीडिया क्वेरी सुविधाओं का समर्थन करता है। बड़ी टोपी लेखकों को टिप! :)

Answer 3

मैंने ऊपर वर्णित सभी तरीकों का प्रयास किया है, और यह बहुत धीमा काम करता है। मैं अगला दृष्टिकोण प्रदान करता हूं। हमें सीएसएस फ़ाइल को विघटित करना चाहिए जिसमें @media है और प्रत्येक नियम को अलग फ़ाइल में डालें। फिर हमें ब्राउज़र स्क्रीन चौड़ाई के आधार पर सशर्त रूप से प्रत्येक फ़ाइल अपलोड करनी चाहिए। ये सभी कार्य स्क्रिप्ट cload.js करेंगे। Cload.js डाउनलोड करें और इसका उपयोग कैसे करें here

Answer 4

You should all read this forum post।

यह आईई और ट्विटर बूटस्ट्रैप के बीच चुनौतियों को स्पष्ट रूप से बताता है। यह आपको ऐसे समाधान भी देता है जो वास्तव में काम करते हैं।

उद्धरण:

समस्या है कि यहाँ http://twitter.github.com/bootstrap/ की तरह सरकारी पृष्ठों पर यह सब ब्राउज़रों, यहां तक ​​कि IE7 में काम करने के लिए दावा करता है। जो, सैद्धांतिक रूप से यह हो सकता है, लेकिन को उत्तरदायी रूप से विकसित करते समय आपको डिज़ाइन और दिमाग के एक निश्चित फ्रेम के आसपास विकसित करना होगा।

https://code.google.com/p/html5shiv/

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

Answer 5

मैं कम से HTML5shiv इस्तेमाल किया। यह बोवर का उपयोग भी उपलब्ध है।

IE8 में response.js डेमो पृष्ठ पर एक नज़र डालें:

Answer 6

ये कदम मैं इस काम के पाने के लिए ले लिया हैं
https://rawgithub.com/scottjehl/Respond/master/test/test.html

यह इतना मिलता है काम करता है कि प्रतिक्रिया डाउनलोड करके स्थानीय स्तर पर काम कर रहे आपके विक्रेता/संपत्ति या कहीं भी .js में।

अपने स्थानीय बूटस्ट्रैप अक्षम करें और अपना सीएसएस में इस प्रयास करें:

/*styles for 800px and up @ 16px!*/ 
@media screen and (min-width: 50em){ 
    body { 
    background: blue; 
    } 
} 

यह काम करता है!
http://getbootstrap.com/getting-started/#download

इसलिए, यह इन के साथ काम करता है::

= stylesheet_link_tag 'bootstrap.min.css' 
= stylesheet_link_tag 'bootstrap-theme.min.css' 
= stylesheet_link_tag 'my-css' 
= javascript_include_tag 'respond.min' 

तुम भी आवश्यकता होगी से छुटकारा पाने के

क्योंकि मैं cdn उपयोग कर रहा था, मैं डाउनलोड करने और स्थानीय स्तर पर यह की मेजबानी करने के लिए आवश्यक कोई @import घोषणाएं।