براوزرونه او وسایل
د براوزرونو او وسیلو په اړه زده کړه وکړئ، له عصري څخه تر زاړه پورې، چې د بوټسټریپ لخوا ملاتړ کیږي، په شمول د هر یو لپاره پیژندل شوي نرخونه او کیګونه.
ملاتړ شوي براوزرونه
بوټسټریپ د ټولو لوی براوزرونو او پلیټ فارمونو وروستي ، مستحکم ریلیزونو ملاتړ کوي. په وینډوز کې، موږ د انټرنیټ اکسپلورر 10-11 / Microsoft Edge ملاتړ کوو .
بدیل براوزرونه چې د WebKit، Blink، یا Gecko وروستۍ نسخه کاروي، که مستقیم یا د پلیټ فارم ویب لید API له لارې وي، په ښکاره توګه ملاتړ نه کوي. په هرصورت، بوټسټریپ باید (په ډیرو مواردو کې) په دې براوزرونو کې هم په سمه توګه ښکاره او فعالیت وکړي. نور مشخص ملاتړ معلومات لاندې چمتو شوي.
تاسو کولی شئ زموږ د ملاتړ شوي براوزرونو لړۍ او د دوی نسخې زموږ کې.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
موږ Autoprefixer کاروو ترڅو د CSS پریفکسونو له لارې د مطلوب براوزر ملاتړ اداره کړو، کوم چې د براوزر لیست د دې براوزر نسخو اداره کولو لپاره کاروي. د دوی د اسنادو سره مشوره وکړئ چې څنګه دا وسایل ستاسو په پروژو کې مدغم کړئ.
ګرځنده وسایل
په عموم کې ، بوټسټراپ د هر لوی پلیټ فارم ډیفالټ براوزرونو وروستي نسخې ملاتړ کوي. په یاد ولرئ چې پراکسي براوزرونه (لکه د اوپیرا مینی، د اوپیرا موبایل ټربو موډ، UC براوزر مینی، ایمیزون سلک) ملاتړ نه کوي.
| کروم | فایرفوکس | سفاري | د Android براوزر او ویب ویو | د مایکروسافټ څنډه | |
|---|---|---|---|---|---|
| Android | ملاتړ شوی | ملاتړ شوی | N/A | د Android v5.0+ ملاتړ شوی | ملاتړ شوی |
| iOS | ملاتړ شوی | ملاتړ شوی | ملاتړ شوی | N/A | ملاتړ شوی |
| وینډوز 10 موبایل | N/A | N/A | N/A | N/A | ملاتړ شوی |
د ډیسټاپ براوزرونه
په ورته ډول، د ډیری ډیسټاپ براوزرونو وروستي نسخې ملاتړ کیږي.
| کروم | فایرفوکس | د انټرنیټ اکسپلورر | د مایکروسافټ څنډه | اوپرا | سفاري | |
|---|---|---|---|---|---|---|
| مېک | ملاتړ شوی | ملاتړ شوی | N/A | ملاتړ شوی | ملاتړ شوی | ملاتړ شوی |
| وینډوز | ملاتړ شوی | ملاتړ شوی | ملاتړ شوی، IE10+ | ملاتړ شوی | ملاتړ شوی | نه ملاتړ شوی |
د فایرفوکس لپاره، د وروستي نورمال مستحکم ریلیز سربیره، موږ د فایرفاکس وروستي پراخ شوي ملاتړ ریلیز (ESR) نسخه هم ملاتړ کوو.
په غیر رسمي توګه، بوټسټریپ باید د لینکس لپاره کرومیم او کروم، د لینکس لپاره فایرفوکس، او انټرنیټ اکسپلورر 9 کې ښه وګوري او چلند وکړي، که څه هم دوی په رسمي توګه نه ملاتړ کیږي.
د ځینې براوزر بګونو لیست لپاره چې بوټسټریپ ورسره لاس او ګریوان دي ، زموږ د براوزر بګ دیوال وګورئ .
د انټرنیټ اکسپلورر
د انټرنیټ اکسپلورر 10+ ملاتړ شوی؛ IE9 او ښکته نه دی. مهرباني وکړئ په یاد ولرئ چې ځینې CSS3 ملکیتونه او HTML5 عناصر په بشپړ ډول په IE10 کې ندي ملاتړ شوي، یا د بشپړ فعالیت لپاره مخکیني ملکیتونو ته اړتیا لري. د CSS3 او HTML5 ځانګړتیاوو د براوزر مالتړ په اړه د جزیاتو لپاره زه کولی شم استعمال کړم . که تاسو د IE8-9 ملاتړ ته اړتیا لرئ، د Bootstrap 3 څخه کار واخلئ.
موډلونه او په موبایل کې ښکته کول
اوور فلو او سکرول
overflow: hidden;د عنصر لپاره ملاتړ <body>په iOS او Android کې خورا محدود دی. دې پای ته رسیدو لپاره ، کله چې تاسو د دې وسیلو په براوزرونو کې د موډل پورتنۍ یا ښکته څخه تیر کړئ ، نو <body>مینځپانګه به سکرول پیل کړي. د کروم بګ #175502 (په کروم v40 کې فکس شوی) او د ویب کیټ بګ #153852 وګورئ .
د iOS متن ساحې او سکرول کول
<input>د iOS 9.2 په څیر، پداسې حال کې چې یو موډل خلاص وي، که چیرې د سکرول اشارې لومړنۍ لمس د متن یا a په حد کې وي <textarea>، <body>د موډل لاندې مینځپانګه به پخپله د موډل پرځای سکرول شي. د WebKit بګ # 153856 وګورئ .
نوبار ډراپ ډاون
عنصر د .dropdown-backdropz-indexing پیچلتیا له امله په nav کې په iOS کې نه کارول کیږي. په دې توګه، په نیوبارز کې د ډراپ ډاون بندولو لپاره، تاسو باید په مستقیم ډول د ډراپون عنصر کلیک وکړئ (یا کوم بل عنصر چې په iOS کې د کلیک پیښه به سوځوي ).
د براوزر زوم کول
د پاڼې زوم کول په ناببره توګه په ځینو برخو کې د رینډینګ آثار وړاندې کوي، دواړه په بوټسټریپ او پاتې ویب کې. د مسلې پورې اړه لري، موږ ممکن د دې د حل کولو توان ولرو (لومړی وپلټئ او بیا د اړتیا په صورت کې یوه مسله پرانیزئ). په هرصورت، موږ دا له پامه غورځوو ځکه چې دوی ډیری وختونه د هیک کاري حل پرته بل مستقیم حل نلري.
چپکۍ :hover/ :focusپه iOS کې
پداسې حال کې چې :hoverپه ډیری ټچ وسیلو کې امکان نلري ، iOS دا چلند تقلید کوي ، په پایله کې د "چپښو" هور سټایلونه چې د یو عنصر ټایپ کولو وروسته دوام لري. دا هور سټایلونه یوازې هغه وخت لرې کیږي کله چې کاروونکي بل عنصر ټایپ کړي. دا چلند په لویه کچه ناغوښتل شوی او داسې ښکاري چې په Android یا وینډوز وسیلو کې مسله نه وي.
زموږ د v4 الفا او بیټا ریلیزونو په جریان کې، موږ د میډیا پوښتنې شیم غوره کولو لپاره نیمګړی او تبصره کوډ شامل کړ چې د ټچ وسیلې براوزرونو کې د هور سټایلونه غیر فعال کړي چې د هور کولو تقلید کوي. دا کار هیڅکله په بشپړ ډول بشپړ شوی یا فعال شوی نه و، مګر د بشپړ ماتیدو څخه مخنیوي لپاره، موږ غوره کړی چې دا شیم تخریب کړو او مکسینونه د سیډو - ټولګیو لپاره د شارټ کټونو په توګه وساتو.
چاپول
حتی په ځینو عصري براوزرونو کې ، چاپ کول عجیب کیدی شي.
د سفاري v8.0 په څیر، د ثابت چوکۍ .containerټولګي کارول کولی شي سفاري د چاپ کولو په وخت کې د غیر معمولي کوچنۍ فونټ اندازې کارولو لامل شي. د نورو جزیاتو لپاره ګڼه 14868 او د ویب کیټ بګ # 138192 وګورئ . یو احتمالي حل لاندې CSS دی:
@media print {
.container {
width: auto;
}
}
د Android سټاک براوزر
د بکس څخه بهر، Android 4.1 (او حتی ځینې نوي ریلیزونه په ښکاره ډول) د براوزر ایپ سره د انتخاب ډیفالټ ویب براوزر په توګه لیږل کیږي (لکه څنګه چې د کروم سره مخالف). له بده مرغه، د براوزر ایپ په عمومي توګه د CSS سره ډیری بګونه او متضادات لري.
مینو غوره کړئ
په <select>عناصرو کې ، د Android سټاک براوزر به د اړخ کنټرولونه ونه ښیې که چیرې شتون ولري border-radiusاو / یا borderپلي شي. ( د جزیاتو لپاره دا StackOverflow پوښتنه وګورئ.) د سرغړونکي CSS لرې کولو لپاره د لاندې کوډ ټوټه وکاروئ او <select>د Android سټاک براوزر کې د غیر سټایل شوي عنصر په توګه وړاندې کړئ. د کارونکي اجنټ سنیفنګ د کروم ، سفاري او موزیلا براوزرونو سره د مداخلې مخه نیسي.
<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>
غواړئ یو مثال وګورئ؟ دا JS بن ډیمو وګورئ .
د اعتبار وړ
زړو او بګی براوزرونو ته د غوره ممکنه تجربې چمتو کولو لپاره ، بوټسټراپ په څو ځایونو کې د CSS براوزر هیکونه کاروي ترڅو ځانګړي براوزر نسخو ته ځانګړي CSS په نښه کړي ترڅو پخپله براوزر کې د بګ شاوخوا کار وکړي. دا هیکونه په پوهیدو سره د CSS تصدیق کونکي شکایت کوي چې دوی غلط دي. په یو څو ځایونو کې، موږ د خونریزي څنډې د CSS ځانګړتیاوې هم کاروو چې لا تر اوسه په بشپړه توګه معیاري شوي ندي، مګر دا په خالص ډول د پرمختیایي ودې لپاره کارول کیږي.
دا د اعتبار وړ اخطارونه په عمل کې مهم ندي ځکه چې زموږ د CSS غیر هیک برخه په بشپړ ډول تایید کوي او هیکي برخې د غیر هیک شوي برخې په سم فعالیت کې مداخله نه کوي، نو ځکه موږ په قصدي توګه دا ځانګړي اخطارونه له پامه غورځوو.
زموږ د HTML سندونه هم د فایرفوکس بګ لپاره زموږ د کار ځای شاملولو له امله ځینې کوچني او غیر ضروري HTML تایید اخطارونه لري .