ब्राउज़र ते डिवाइस
ब्राउज़रें ते डिवाइसें दे बारे च जानने लेई, आधुनिक थमां पुराने, जेह् ड़े बूटस्ट्रैप आसेआ समर्थत न, जिंदे च हर इक आस्तै ज्ञात विचित्रता ते बग बी शामल न।
समर्थत ब्राउज़र
बूटस्ट्रैप सारे प्रमुख ब्राउज़रें ते प्लेटफार्में दी नवीनतम, स्थिर रिलीज गी समर्थन करदा ऐ। विंडोज पर, अस इंटरनेट एक्सप्लोरर 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 सुविधाएं दे ब्राउज़र समर्थन दे बारे च विस्तार कन्नै जानने लेई क्या मैं इस्तेमाल करी सकदा ऐ... पर जाओ. जेकर तुसेंगी IE8-9 समर्थन दी लोड़ ऐ तां बूटस्ट्रैप 3 दा इस्तेमाल करो.
मोबाइल पर मोडल ते ड्रॉपडाउन
ओवरफ्लो ते स्क्रॉल करना
overflow: hidden;तत्व पर लेई समर्थन <body>आईओएस ते एंड्रॉइड च काफी सीमित ऐ। उस आस्तै, जदूं तुस उनें डिवाइसें दे ब्राउज़रें च कुसै बी मोडल दे शीर्शक जां थल्लै थमां स्क्रॉल करदे ओ तां <body>सामग्री स्क्रॉल करना शुरू होई जाग। क्रोम बग #175502 ( क्रोम v40 च ठीक कीता गेदा ऐ) ते वेबकिट बग #153852 दिक्खो .
आईओएस पाठ फील्ड ते स्क्रॉल करना
<input>आईओएस 9.2 दे रूप च, जदूं तगर इक मोडल खुल्ला ऐ, जेकर इक स्क्रॉल इशारे दा शुरूआती स्पर्श इक पाठ्य जां इक दी सीमा दे अंदर ऐ तां मोडल दे हेठ दित्ती <textarea>गेदी <body>सामग्री गी खुद मोडल दी बजाय स्क्रॉल कीता जाग। वेबकिट बग # 153856 दिक्खो ।
नवबार ड्रॉपडाउन
.dropdown-backdropz-indexing दी जटिलता दे कारण nav च आईओएस पर तत्व दा इस्तेमाल नेईं कीता जंदा ऐ । इस चाल्ली, नवबार च ड्रॉपडाउन बंद करने आस्तै, तुसेंगी सीधे ड्रॉपडाउन तत्व (जां कुसै होर तत्व जेह् ड़ा आईओएस च इक क्लिक घटना गी फायर करग ) पर क्लिक करना होग ।
ब्राउज़र ज़ूम करना
पेज ज़ूमिंग अनिवार्य रूप कन्नै किश घटकें च रेंडरिंग आर्टिफैक्ट पेश करदा ऐ, बूटस्ट्रैप ते बाकी वेब च बी। मुद्दे दे आधार उप्पर, अस इसगी ठीक करी सकने आं (पैह्ले खोज करो ते फ्ही लोड़ पौने पर कोई मुद्दा खोह् ल्लो)। पर, अस इन्हें गी नजरअंदाज करने दी प्रवृत्ति रखदे आं की जे उंदे कोल अक्सर हैकी वर्कअराउंड दे अलावा कोई सीधा समाधान नेईं होंदा ऐ।
चिपचिपा :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>
इक मिसाल देखना चांदे ओ? इस जे एस बिन डेमो गी दिक्खो .
मान्यता देने वाले
पुराने ते बग्गी ब्राउज़रें गी बेहतरीन संभव अनुभव देने लेई, बूटस्ट्रैप ब्राउज़रें च अपने आपै च बगें दे आसपास कम्म करने आस्तै किश ब्राउज़र संस्करणें गी खास CSS गी निशाना बनाने लेई केईं थाह् रें पर CSS ब्राउज़र हैक दा उपयोग करदा ऐ। एह् हैक समझने आह् ले रूप कन्नै सीएसएस वैलिडेटरें गी शिकायत करदे न जे एह् अवैध न। इक दो थाह् रें पर, अस ब्लीडिंग-एज सीएसएस सुविधाएं दा बी इस्तेमाल करदे आं जेह् ड़े अजें तगर पूरी चाल्ली मानकीकरण नेईं कीते गेदे न, पर एह् शुद्ध रूप कन्नै प्रगतिशील संवर्धन आस्तै बरतेआ जंदा ऐ।
एह् सत्यापन चेतावनी व्यवहार च कोई फर्क नेईं पांदी की जे साढ़े सीएसएस दा गैर-हैकी हिस्सा पूरी चाल्लीं सत्यापन करदा ऐ ते हैकी हिस्से गैर-हैकी हिस्से दे उचित कम्मकाज च हस्तक्षेप नेईं करदे न, इस करी अस जानबूझियै इनें खास चेतावनी गी कीऽ अनदेखा करदे आं।
साढ़े HTML दस्तावेजें च इसी गै कुसै खास फायरफॉक्स बग आस्तै इक वर्कअराउंड गी शामल करने दे कारण किश मामूली ते बेमतलब HTML सत्यापन चेतावनी ऐ .