Браузерлар һәм җайланмалар
Хәзерге заманнан браузерлар һәм җайланмалар турында белегез, алар ботстрап, һәрберсе өчен билгеле цирклар һәм хаталар белән тәэмин ителә.
Ярдәмче браузерлар
Ботстрап Соңгы, барлык зур браузерларны һәм платформаларның тотрыклы чыгышлары . Windows'ларда без Internet Explorer 10-11 / Microsoft читенә булышабыз .
Веб -ит, ялтырап, ялтыравыкның соңгы версиясен кулланган альтернатив браузерлар, турыдан-туры яки платформаның веб-күренеше 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 префикслары аша браузер ярдәмен эшкәртү өчен, бу браузер версияләрен идарә итү өчен Браузерлар исемлеген куллана. Бу коралларны сезнең проектларга ничек интеграцияләү өчен аларның документлары белән киңәшләшегез.
Мобиль җайланмалар
Гомумән алганда, Bootstrap һәр төп платформаның демократик браузерларының соңгы версияләрен хуплый. Игътибар итегез, прокси браузерлары (мәсәлән, Opera Mini, Opera Mobile'ның Turbo режимы, UC браузеры мини, Amazon Silk) ярдәм итми.
| Chrome | Firefox | Сафари | Android браузеры һәм WebView | Microsoft Edge | |
|---|---|---|---|---|---|
| Android | Ярдәм | Ярдәм | М / Ю | Android v5.0 + ярдәм итә | Ярдәм |
| iOS | Ярдәм | Ярдәм | Ярдәм | М / Ю | Ярдәм |
| Windows 10 Мобиль | М / Ю | М / Ю | М / Ю | М / Ю | Ярдәм |
Эш өстәле браузерлары
Шулай ук, күпчелек эш өстәл браузерларының соңгы версияләре ярдәм итә.
| Chrome | Firefox | Internet Explorer | Microsoft Edge | Опера | Сафари | |
|---|---|---|---|---|---|---|
| Mac | Ярдәм | Ярдәм | М / Ю | Ярдәм | Ярдәм | Ярдәм |
| Windows | Ярдәм | Ярдәм | Ярдәм, IE10 + | Ярдәм | Ярдәм | Ярдәм итми |
Firefox өчен, соңгы гадәти тотрыклы чыгарылышка өстәп, без Firefox'ның соңгы киңәйтелгән ярдәм релизы (ESR) версиясен дә хуплыйбыз.
Рәсми булмаган рәвештә, Bootstrap Linux өчен Chromium һәм Chrome, Linux өчен Firefox һәм Internet Explorer 9да яхшы булырга тиеш, ләкин алар рәсми ярдәм итмәсәләр дә.
Bootstrap белән көрәшергә туры килгән кайбер браузер хаталары исемлеге өчен безнең браузер хаталары стенасын карагыз .
Internet Explorer
Internet Explorer 10+ ярдәм итә; IE9 һәм түбән түгел. Зинһар, шуны онытмагыз: кайбер CSS3 үзлекләре һәм HTML5 элементлары IE10да тулысынча булышмый, яки тулы функция өчен префиксланган үзлекләр таләп итә. Визитны куллана аламмы ... CSS3 һәм HTML5 функцияләренең браузер ярдәме турында тулырак мәгълүмат. Әгәр дә сез IE8-9 ярдәм сорасагыз, Bootstrap 3 кулланыгыз.
Мобильдә модальләр һәм мобильдә тамчы
Ташу һәм әйләндерү
Элементка ярдәм iOS overflow: hidden;һәм <body>Androidда бик чикле. Моның өчен, ул җайланмаларның браузерларының берсендә модальнең өске яисә аскы өлешен узгач, <body>эчтәлек әйләнә башлый. Chrome хата # 175502 ( Chrome v40 белән көйләнгән) һәм WebKit хата # 153852 карагыз .
ios текст кырлары һәм әйләндерү
IOS 9.2 кебек, модаль ачык булса да, күчерү ишарәсе текст <input>яки а <textarea>булган <body>беренче тапкыр булса, модаль үзе урынына модаль үзе ясалачак. Веб -ит Бег # 1538856 кара .
Навбар тамчы
Элемент " .dropdown-backdropиндексациянең катлаулылыгы аркасында Навада IOSда кулланылмый. Шулай итеп, Навардорда тамашачыларны ябу өчен, сез тамчы элементка (яки бүтән элементка басыгыз (яки IOS-та Басу чарасы ).
Браузер
Бит "" Мәсьәләгә карап без аны төзәтә алабыз (башта эзләгез, аннары кирәк булса, проблема ачыгыз). Ләкин, без моны санга сукмыйбыз, чөнки алар еш кына хаклы эш урыннары белән турыдан-туры чишелешем юк.
Ябыштыргыч :hover/ :focusiOS
Күпчелек кагылу җайланмаларында мөмкин булмаган вакытта :hover, Ios бу тәртипне тарта, нәтиҗәдә "ябыштырылган" топлиналар, бер элементны дәвам иткәннән соң дәвам итә. Бу юл стильләре кулланучылар бүтән элементка тапкач кына бетерелә. Бу тәртип күптән тыш саналмый һәм Android яки Windows җайланмаларында проблема булмаган кебек.
Безнең V4 ALPHA һәм бета чыгарыла, без гомумиләшү өчен тулы булмаган һәм аңлатма биргән кодны керттек, алар гомумән тыш җайланма браузерларында, элемтәдә торып. Бу эш беркайчан да тулысынча тәмамланмады, ләкин тулы өзелүдән саклану өчен, без бу Шимны җимереп, манияләрне псевдо-класслар өчен кыска юллар итеп саклыйдык.
Бастыру
Кайбер заманча браузерларда да бастырылганда бастырыла ала.
Safari V8.0 кебек, тотрыклы киңлек .containerсыйныфын куллану Сафарига бастырганда гадәти булмаган кечкенә шрифт зурлыгын кулланырга мөмкин. Күбрәк мәгълүмат өчен # 14868 һәм Webkit Bug # 138192 проблемасын карагыз . Бер потенциаль эш - түбәндәге CSS:
@media print {
.container {
width: auto;
}
}
Андроид запас браузеры
Рамкадан тыш, Android 4.1 (һәм хәтта кайбер яңарак чыгарылулары да) Браузер кушымтасы белән сайлау веб-браузеры итеп җибәрелә (Chromeдан аермалы буларак). Кызганычка каршы, браузер кушымтасының гомумән, CSS белән туры килмәгән хаталар һәм туры килмәгәннәр күп.
Менюны сайлагыз
Элементларда андроид запас браузеры а һәм / яки кулланылган <select>булса, як контроле күрсәтелмәячәк . ( Детальләр өчен бу StackOverflow соравын карагыз.) Рәнҗетүче CSSны бетерү һәм Android акция браузерында стилизацияләнмәгән элемент итеп күрсәтү өчен түбәндәге кодның фрагментын кулланыгыз . Кулланучының агенты Chrome, Safari, Mozilla Bowasers белән комачаулый.border-radiusborder<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>
Мисал күрәсегез киләме? Бу JS Bin демоны карагыз .
Валидаторлар
Иске һәм бозык браузерларга мөмкин булган иң яхшы тәҗрибәне тәэмин итү өчен, Bootstrap берничә урында CSS браузер хакларын куллана, браузерларның хаталары өстендә эшләү өчен, махсус CSS-ны билгеле браузер версияләренә юнәлтә. Бу хаклар CSS валидаторларының яраксыз дип зарлануларына китерә. Ике урында, без шулай ук тулы стандартлаштырылмаган CSS үзенчәлекләрен кулланабыз, ләкин алар прогрессив көчәйтү өчен генә кулланыла.
Бу тикшерү кисәтүләре практикада мөһим түгел, чөнки безнең CSS-ның хак булмаган өлеше тулысынча расланган һәм хаклы өлешләр хак булмаган өлешнең дөрес эшләвенә комачауламый, шуңа күрә ни өчен без бу кисәтүне белә торып санга сукмыйбыз.
Безнең HTML документларыбыз шулай ук кайбер Firefox хата өчен эш программасын кертү аркасында кайбер вак-төяк һәм әһәмиятсез HTML тикшерү кисәтүләренә ия .