ब्राउजर आ डिवाइस के इस्तेमाल कइल जाला
ब्राउजर आ डिवाइस सभ के बारे में जानीं, आधुनिक से ले के पुरान सभ, जे बूटस्ट्रैप द्वारा सपोर्ट कइल जालें, हर एक खातिर ज्ञात विचित्रता आ बग सभ के बारे में।
समर्थित ब्राउजर बा
बूटस्ट्रैप सभ प्रमुख ब्राउज़र आ प्लेटफार्म सभ के लेटेस्ट, स्थिर रिलीज सभ के सपोर्ट करे ला। विंडोज पर हमनी के इंटरनेट एक्सप्लोरर 10-11 / माइक्रोसॉफ्ट एज के सपोर्ट करेनी जा ।
वैकल्पिक ब्राउजर जे वेबकिट, ब्लिंक, या गेको के नवीनतम संस्करण के इस्तेमाल करे लें, चाहे ऊ सीधे होखे भा प्लेटफार्म के वेब व्यू एपीआई के माध्यम से, स्पष्ट रूप से समर्थन ना कइल जाला। हालाँकि, बूटस्ट्रैप के (ज्यादातर मामिला में) एह ब्राउजर सभ में भी सही तरीका से देखावे आ काम करे के चाहीं। अउरी बिसेस समर्थन जानकारी नीचे दिहल गइल बा।
रउआँ हमनी के समर्थित ब्राउजर के रेंज आ ओकर संस्करण हमनी के.browserslistrc file :
# https://github.com/browserslist/browserslist#readme
>= 1%
last 1 major version
not dead
Chrome >= 45
Firefox >= 38
Edge >= 12
Explorer >= 10
iOS >= 9
Safari >= 9
Android >= 4.4
Opera >= 30
हमनी के CSS उपसर्ग के माध्यम से इरादा वाला ब्राउज़र समर्थन के संभाले खातिर ऑटोप्रिफिक्सर के इस्तेमाल करेनी जा, जवन एह ब्राउज़र संस्करण सभ के प्रबंधित करे खातिर ब्राउजरलिस्ट के इस्तेमाल करे ला। एह टूल सभ के अपना प्रोजेक्ट सभ में कइसे एकीकृत कइल जाय एकरा खातिर इनहन के दस्तावेजीकरण से सलाह लीं।
मोबाइल डिवाइस के इस्तेमाल कइल जाला
आम तौर प कहल जाए त बूटस्ट्रैप हर प्रमुख प्लेटफॉर्म के डिफ़ॉल्ट ब्राउज़र के नवीनतम संस्करण के सपोर्ट करेला। ध्यान रहे कि प्रॉक्सी ब्राउज़र (जइसे कि ओपेरा मिनी, ओपेरा मोबाइल के टर्बो मोड, यूसी ब्राउज़र मिनी, अमेजन सिल्क) के सपोर्ट ना कइल जाला।
| क्रोम के बा | फायरफॉक्स के बा | सफारी के बा | एंड्रॉयड ब्राउजर अउर वेबव्यू के बारे में बतावल गइल बा | माइक्रोसॉफ्ट एज के नाम से जानल जाला | |
|---|---|---|---|---|---|
| एंड्रॉयड के बा | समर्थित कइल गइल बा | समर्थित कइल गइल बा | एन/ए के बा | एंड्रॉयड v5.0+ के सपोर्ट कईल गईल बा | समर्थित कइल गइल बा |
| आईओएस के बा | समर्थित कइल गइल बा | समर्थित कइल गइल बा | समर्थित कइल गइल बा | एन/ए के बा | समर्थित कइल गइल बा |
| विंडोज 10 मोबाइल के बा | एन/ए के बा | एन/ए के बा | एन/ए के बा | एन/ए के बा | समर्थित कइल गइल बा |
डेस्कटॉप ब्राउजर के इस्तेमाल कइल जाला
एही तरे अधिकतर डेस्कटॉप ब्राउजर सभ के लेटेस्ट वर्जन सभ के सपोर्ट कइल जाला।
| क्रोम के बा | फायरफॉक्स के बा | इंटरनेट एक्सप्लोरर के बा | माइक्रोसॉफ्ट एज के नाम से जानल जाला | ओपेरा के बा | सफारी के बा | |
|---|---|---|---|---|---|---|
| मैक के बा | समर्थित कइल गइल बा | समर्थित कइल गइल बा | एन/ए के बा | समर्थित कइल गइल बा | समर्थित कइल गइल बा | समर्थित कइल गइल बा |
| विंडोज के बा | समर्थित कइल गइल बा | समर्थित कइल गइल बा | समर्थित, आईई10+ बा | समर्थित कइल गइल बा | समर्थित कइल गइल बा | समर्थित नइखे भइल |
फायरफॉक्स खातिर, नवीनतम सामान्य स्थिर रिलीज के अलावा, हमनी के फायरफॉक्स के नवीनतम एक्सटेंडेड सपोर्ट रिलीज (ESR) संस्करण के भी समर्थन करेनी जा।
अनऑफिसियल रूप से, बूटस्ट्रैप के लिनक्स खातिर क्रोमियम आ क्रोम, लिनक्स खातिर फायरफॉक्स, आ इंटरनेट एक्सप्लोरर 9 में काफी बढ़िया से देखाई देवे आ व्यवहार करे के चाहीं, हालाँकि ई आधिकारिक रूप से सपोर्ट नइखे कइल गइल।
कुछ ब्राउजर बग के सूची खातिर जवना से बूटस्ट्रैप के जूझत बा, देखीं हमनी के ब्राउज़र बग के दीवार .
इंटरनेट एक्सप्लोरर के बा
इंटरनेट एक्सप्लोरर 10+ के सपोर्ट कइल गइल बा; आईई9 आ नीचे नइखे. कृपया ध्यान दीं कि कुछ CSS3 गुण आ HTML5 तत्व सभ के IE10 में पूरा तरीका से सपोर्ट ना कइल जाला, या पूरा कामकाज खातिर उपसर्ग वाला गुण सभ के जरूरत होला। CSS3 आ HTML5 फीचर सभ के ब्राउजर सपोर्ट के बारे में बिस्तार से जाने खातिर Can I use... पर जाईं । अगर रउआँ के IE8-9 सपोर्ट के जरूरत बा, त बूटस्ट्रैप 3 के इस्तेमाल करीं।
मोबाइल पर मोडल आ ड्रॉपडाउन के सुविधा दिहल गइल बा
ओवरफ्लो आ स्क्रॉल हो रहल बा
overflow: hidden;आईओएस अवरू एंड्रॉयड में ऑन ए एलिमेंट के सपोर्ट <body>काफी सीमित बा। एकरा खातिर जब रउआ ओह दुनो डिवाइस के ब्राउजर में कवनो मोडल के ऊपर भा नीचे से स्क्रॉल करीं त <body>सामग्री स्क्रॉल होखे लागी। देखल जाय क्रोम बग #175502 (क्रोम v40 में ठीक कइल गइल बा) आ वेबकिट बग #153852 ।
आईओएस टेक्स्ट फील्ड आ स्क्रॉल कइल जा सकेला
<input>आईओएस 9.2 के रूप में, जबकि कौनों मोडल खुलल बा, अगर कौनों स्क्रॉल इशारा के सुरुआती स्पर्श कौनों टेक्स्टुअल भा a के सीमा के भीतर होखे <textarea>, <body>मोडल के नीचे के सामग्री के खुद मोडल के बजाय स्क्रॉल कइल जाई। वेबकिट बग #153856 देखल जाव ।
नवबार ड्रॉपडाउन हो गइल बा
.dropdown-backdropजेड-इंडेक्सिंग के जटिलता के कारण नेव में आईओएस पर एह तत्व के इस्तेमाल ना कइल जाला। एह तरीका से, नवबार में ड्रॉपडाउन बंद करे खातिर, रउआँ के सीधे ड्रॉपडाउन तत्व (या कौनों अउरी तत्व जे आईओएस में क्लिक इवेंट फायर करी ) पर क्लिक करे के पड़ी।
ब्राउजर के ज़ूम हो रहल बा
पन्ना ज़ूमिंग अनिवार्य रूप से कुछ घटक सभ में रेंडरिंग आर्टिफैक्ट सभ के प्रस्तुत करे ला, बूटस्ट्रैप आ बाकी वेब दुनों में। मुद्दा के आधार पर हमनी के एकरा के ठीक करे में सक्षम हो सकेनी जा (पहिले खोजीं आ जरूरत पड़ला पर कवनो मुद्दा खोलीं)। हालाँकि, हमनी के इनहन के अनदेखी करे के प्रवृत्ति होला काहें से कि इनहन के अक्सर हैकी वर्कअराउंड के अलावा कौनों सीधा समाधान ना होला।
चिपचिपा :hover/ :focusआईओएस पर बा
जबकि :hoverई ज्यादातर टच डिवाइस सभ पर संभव नइखे, आईओएस एह व्यवहार के अनुकरण करे ला, एकरे परिणाम के रूप में "चिपचिपा" होवर स्टाइल सभ के निर्माण होला जे एक ठो तत्व के टैप कइला के बाद भी बनल रहे ला। ई होवर स्टाइल सभ तबे हटावल जालें जब प्रयोगकर्ता लोग कौनों अउरी तत्व पर टैप करे ला। ई व्यवहार बहुत हद तक अवांछनीय मानल जाला आ एंड्रॉयड भा विंडोज डिवाइस सभ पर ई कौनों मुद्दा ना लउके ला।
हमनी के पूरा v4 अल्फा आ बीटा रिलीज में, हमनी के मीडिया क्वेरी शिम में ऑप्ट करे खातिर अधूरा आ कमेंट आउट कोड शामिल कइनी जा जवन होवरिंग के अनुकरण करे वाला टच डिवाइस ब्राउजर में होवर स्टाइल के अक्षम करी। ई काम कबो पूरा तरीका से पूरा ना भइल भा सक्षम ना भइल, बाकी पूरा तरीका से टूटे से बचे खातिर हमनी के एह शिम के खारिज करे के विकल्प चुनले बानी जा आ मिक्सिन सभ के छद्म-वर्ग सभ खातिर शॉर्टकट के रूप में रखले बानी जा।
छपाई के काम हो रहल बा
कुछ आधुनिक ब्राउजर सभ में भी प्रिंटिंग चंचल हो सके ला।
सफारी v8.0 के रूप में, फिक्स्ड-विड्थ .containerक्लास के इस्तेमाल से सफारी के प्रिंट करे के समय असामान्य रूप से छोट फॉन्ट साइज के इस्तेमाल हो सके ला। अधिक जानकारी खातिर अंक #14868 आ वेबकिट बग #138192 देखल जाय। एगो संभावित समाधान निम्नलिखित CSS बा:
@media print {
.container {
width: auto;
}
}
एंड्रॉयड स्टॉक ब्राउजर के बा
बॉक्स से बाहर, एंड्रॉयड 4.1 (आ कुछ नया रिलीज भी देखाई देत बा) ब्राउजर ऐप के संगे पसंद के डिफ़ॉल्ट वेब ब्राउज़र के रूप में भेजल जाला (क्रोम के विपरीत)। दुर्भाग्य से ब्राउजर ऐप में बहुत सारा बग बा आ सामान्य रूप से सीएसएस के साथ असंगति बा।
मेनू के चयन करीं
तत्वन पर <select>, एंड्रॉयड स्टॉक ब्राउजर साइड कंट्रोल ना देखावेला अगर कवनो बा border-radiusआ/या borderलागू बा। ( विस्तार से जाने खातिर ई StackOverflow सवाल देखल जाय।) आपत्तिजनक CSS के हटावे खातिर नीचे दिहल कोड के स्निपेट के इस्तेमाल करीं आ <select>एंड्रॉयड स्टॉक ब्राउजर पर के अनस्टाइल तत्व के रूप में रेंडर करीं। यूजर एजेंट के सूंघला से क्रोम, सफारी अवुरी मोजिला ब्राउज़र में हस्तक्षेप से बचावल जा सकता।
<script>
$(function () {
var nua = navigator.userAgent
var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
if (isAndroid) {
$('select.form-control').removeClass('form-control').css('width', '100%')
}
})
</script>
एगो उदाहरण देखल चाहत बानी? देखल जाव ई जेएस बिन डेमो .
मान्यता देवे वाला लोग
पुरान आ बग वाला ब्राउजर सभ के सभसे नीक अनुभव देवे खातिर बूटस्ट्रैप कई जगह सीएसएस ब्राउजर हैक के इस्तेमाल करे ला आ कुछ खास ब्राउजर संस्करण सभ के बिसेस सीएसएस के निशाना बनावे ला ताकि खुद ब्राउजर सभ में बग सभ के आसपास काम कइल जा सके। एह हैक सभ के कारण सीएसएस वैलिडेटर लोग के शिकायत होखे के कारण समझ में आवे ला कि ई अमान्य बाड़ें। एक दू जगह पर हमनी के ब्लीडिंग-एज सीएसएस फीचर के भी इस्तेमाल करेनी जा जवन अभी तक पूरा तरीका से मानकीकरण नईखे भईल, लेकिन एकर इस्तेमाल विशुद्ध रूप से प्रगतिशील बढ़ावे खातिर कईल जाला।
ई मान्यता चेतावनी सभ ब्यवहार में कौनों महत्व ना रखे लीं काहें से कि हमनी के सीएसएस के गैर-हैकी हिस्सा पूरा तरीका से मान्यता देला आ हैकी हिस्सा गैर-हैकी हिस्सा के सही कामकाज में बाधा ना डाले ला, एही से हमनी के एह बिसेस चेतावनी सभ के जानबूझ के अनदेखी काहें करे लीं।
हमनी के एचटीएमएल डॉक्स में भी ओही तरह से कुछ तुच्छ आ बेमतलब के एचटीएमएल सत्यापन चेतावनी बा जवना के कारण हमनी के एगो निश्चित फायरफॉक्स बग खातिर एगो वर्कअराउंड शामिल बा .