Прегледачи и уређаји
Сазнајте више о прегледачима и уређајима, од модерних до старих, које подржава Боотстрап, укључујући познате недостатке и грешке за сваки.
Подржани претраживачи
Боотстрап подржава најновија, стабилна издања свих главних претраживача и платформи. У оперативном систему Виндовс подржавамо Интернет Екплорер 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
Користимо Аутопрефикер за управљање предвиђеном подршком прегледача преко ЦСС префикса, који користи листу прегледача за управљање овим верзијама прегледача. Консултујте њихову документацију како да интегришете ове алате у своје пројекте.
Мобилни уређаји
Уопштено говорећи, Боотстрап подржава најновије верзије подразумеваних претраживача сваке главне платформе. Имајте на уму да прокси претраживачи (као што су Опера Мини, Опера Мобиле Турбо режим, УЦ Бровсер Мини, Амазон Силк) нису подржани.
| Хром | Фирефок | Сафари | Андроид претраживач и ВебВиев | Мицрософт ивица | |
|---|---|---|---|---|---|
| Андроид | Подржан | Подржан | Н/А | Подржан је Андроид в5.0+ | Подржан |
| иОС | Подржан | Подржан | Подржан | Н/А | Подржан |
| Виндовс 10 Мобиле | Н/А | Н/А | Н/А | Н/А | Подржан |
Десктоп претраживачи
Слично томе, подржане су најновије верзије већине десктоп претраживача.
| Хром | Фирефок | интернет претраживач | Мицрософт ивица | Опера | Сафари | |
|---|---|---|---|---|---|---|
| Мац | Подржан | Подржан | Н/А | Подржан | Подржан | Подржан |
| Виндовс | Подржан | Подржан | Подржано, ИЕ10+ | Подржан | Подржан | Није подржан |
За Фирефок, поред најновијег нормалног стабилног издања, подржавамо и најновију верзију Фирефок- а са проширеном подршком (ЕСР) .
Незванично, Боотстрап би требало да изгледа и да се понаша довољно добро у Цхромиум-у и Цхроме-у за Линук, Фирефок-у за Линук и Интернет Екплорер-у 9, иако нису званично подржани.
За листу неких грешака у прегледачу са којима Боотстрап мора да се бори, погледајте наш Зид грешака у прегледачу .
интернет претраживач
Интернет Екплорер 10+ је подржан; ИЕ9 и ниже нису. Имајте на уму да нека ЦСС3 својства и ХТМЛ5 елементи нису у потпуности подржани у ИЕ10 или захтевају својства префикса за пуну функционалност. Посетите Могу ли да користим... за детаље о подршци претраживача за ЦСС3 и ХТМЛ5 функције. Ако вам је потребна подршка за ИЕ8-9, користите Боотстрап 3.
Модали и падајући мени на мобилном уређају
Преливање и померање
Подршка за overflow: hidden;елемент <body>је прилично ограничена у иОС-у и Андроид-у. У том циљу, када скролујете поред врха или дна модала у прегледачу било ког од тих уређаја, <body>садржај ће почети да се помера. Погледајте Цхроме грешку #175502 (поправљено у Цхроме-у в40) и ВебКит грешку #153852 .
иОС текстуална поља и померање
Од иОС 9.2, док је модални отворен, ако је почетни додир геста померања унутар границе текстуалног <input>или <textarea>, <body>садржај испод модала ће се померати уместо самог модала. Погледајте ВебКит грешку #153856 .
Падајући мени за Навбар
Елемент .dropdown-backdropсе не користи на иОС-у у навигацији због сложености з-индексирања. Дакле, да бисте затворили падајуће меније у навигационим тракама, морате директно да кликнете на падајући елемент (или било који други елемент који ће покренути догађај клика у иОС-у ).
Зумирање претраживача
Зумирање странице неизбежно представља артефакте приказивања у неким компонентама, како у Боотстрапу, тако иу остатку веба. У зависности од проблема, можда ћемо моћи да га решимо (прво претражите, а затим отворите проблем ако је потребно). Међутим, склони смо да их игноришемо јер често немају директно решење осим хаковачких решења.
Стицки :hover/ :focusна иОС -у
Иако :hoverто није могуће на већини уређаја осетљивих на додир, иОС опонаша ово понашање, што доводи до „лепљивих“ стилова лебдења који остају након додиривања једног елемента. Ови стилови лебдења се уклањају само када корисници додирну други елемент. Ово понашање се сматра у великој мери непожељним и изгледа да није проблем на Андроид или Виндовс уређајима.
Кроз наша алфа и бета издања в4, укључили смо некомплетан и прокоментарисан код за омогућавање подметача за медијски упит који би онемогућио стилове лебдења у прегледачима додирних уређаја који емулирају лебдење. Овај посао никада није у потпуности завршен или омогућен, али да бисмо избегли потпуни лом, одлучили смо да одбацимо ову подлошку и задржимо миксине као пречице за псеудо-класе.
Штампање
Чак и у неким модерним претраживачима, штампање може бити необично.
Од Сафарија в8.0, употреба класе фиксне ширине .containerможе проузроковати да Сафари користи необично малу величину фонта приликом штампања. Погледајте проблем #14868 и ВебКит грешку #138192 за више детаља. Једно могуће решење је следећи ЦСС:
@media print {
.container {
width: auto;
}
}
Андроид претраживач
Изван кутије, Андроид 4.1 (па чак и нека новија издања очигледно) се испоручују са апликацијом Бровсер као подразумеваним веб прегледачем по избору (за разлику од Цхроме-а). Нажалост, апликација претраживача има много грешака и недоследности са ЦСС-ом уопште.
Изаберите мени
На <select>елементима, Андроид претраживач неће приказати бочне контроле ако постоји border-radiusи/или borderпримењено. (Погледајте ово СтацкОверфлов питање за детаље.) Користите исечак кода испод да бисте уклонили увредљиви ЦСС и <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>
Желите да видите пример? Погледајте овај ЈС Бин демо .
Валидатори
Да би пружио најбоље могуће искуство старим прегледачима са грешкама, Боотстрап користи хакове ЦСС претраживача на неколико места како би циљао посебан ЦСС на одређене верзије претраживача како би заобишао грешке у самим претраживачима. Ови хакови разумљиво узрокују да се ЦСС валидатори жале да су неважећи. На неколико места такође користимо најсавременије ЦСС функције које још увек нису у потпуности стандардизоване, али се оне користе искључиво за прогресивно побољшање.
Ова упозорења о валидацији нису битна у пракси јер део нашег ЦСС-а који није хакован у потпуности потврђује валидност и делови који се не ометају не ометају правилно функционисање нехакованог дела, стога намерно игноришемо ова посебна упозорења.
Наши ХТМЛ документи такође имају нека тривијална и безначајна упозорења о валидацији ХТМЛ-а због тога што смо укључили решење за одређену грешку у Фирефок -у .