Browser leh device hrang hrang te
Bootstrap-in a support theih browser leh device, tunlai atanga hmanlai thlengin zir la, pakhat zel tan quirk leh bug hriat lar tak tak te pawh a tel.
Browser supported te pawh a awm bawk
Bootstrap hian browser leh platform lian zawng zawng release thar ber ber, stable tak tak a support vek a ni. Windows ah chuan Internet Explorer 10-11 / Microsoft Edge kan support a .
WebKit, Blink, Gecko version thar ber hmang browser dang, direct emaw, platform-a web view API hmang emaw pawh nise, chiang taka support a ni lo. Mahse, Bootstrap hian (a tam zawkah chuan) heng browser-ah hian a lantir dik tur a ni a, a thawk tha tur a ni bawk. Support information chiang zawk chu a hnuaiah hian tarlan a ni.
Kan supported range of browsers leh an version te chu kan.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 prefix hmanga browser support tumna control nan Autoprefixer kan hmang a, chu chuan Browserslist hmangin heng browser version te hi a enkawl a ni. Heng hmanrua te hi i project-a i dah luh dan tur chu an documentation-ah en rawh.
Mobile hmanrua te
A tlangpuiin Bootstrap hian platform lian tinte default browser version thar ber ber a support a ni. Proxy browser (Opera Mini, Opera Mobile-a Turbo mode, UC Browser Mini, Amazon Silk ang chi) te hi a support lo tih hre reng ang che.
| Chrome a ni | Firefox hmanga tih a ni | Safari hmanga kal a ni | Android Browser leh WebView hmanga en theih a ni | Microsoft Edge hmanga siam a ni | |
|---|---|---|---|---|---|
| Android ah a awm | A thlawp a ni | A thlawp a ni | N/A a ni | Android v5.0+ a support thei bawk | A thlawp a ni |
| iOS a ni | A thlawp a ni | A thlawp a ni | A thlawp a ni | N/A a ni | A thlawp a ni |
| Windows 10 Mobile ah a awm a | N/A a ni | N/A a ni | N/A a ni | N/A a ni | A thlawp a ni |
Desktop hmanga browser te pawh a awm bawk
Chutiang bawkin desktop browser tam zawk version thar ber ber pawh a support bawk.
| Chrome a ni | Firefox hmanga tih a ni | Internet Explorer ah hian a awm a | Microsoft Edge hmanga siam a ni | Opera a ni | Safari hmanga kal a ni | |
|---|---|---|---|---|---|---|
| Mac a ni | A thlawp a ni | A thlawp a ni | N/A a ni | N/A a ni | A thlawp a ni | A thlawp a ni |
| Windows a ni | A thlawp a ni | A thlawp a ni | A thlawp a ni, IE10+ | A thlawp a ni | A thlawp a ni | Support a ni lo |
Firefox tan chuan normal stable release thar ber bakah hian Firefox Extended Support Release (ESR) version thar ber pawh kan support bawk.
Unofficial-ah chuan Bootstrap hi Chromium leh Chrome for Linux, Firefox for Linux, leh Internet Explorer 9-ah te hian official taka support ni lo mah se, a hmel leh a che tha tawk tur a ni.
Bootstrap-in a hmachhawn tur browser bug thenkhat list chu kan Wall of browser bugs ah hian en la .
Internet Explorer ah hian a awm a
Internet Explorer 10+ a support a; IE9 leh down a ni lo. CSS3 property thenkhat leh HTML5 element thenkhat chu IE10 ah hian a support kim lo tih hre reng ang che, a nih loh leh full functionality atan prefixed properties a mamawh tih hre reng ang che. CSS3 leh HTML5 features browser support chungchang chipchiar zawka hriat duh chuan Can I use... ah hian lut la . IE8-9 support i mamawh chuan Bootstrap 3 hmang la.
Mobile-a modal leh dropdown te pawh a awm bawk
Overflow leh scroll a awm bawk
overflow: hidden;iOS leh Android ah chuan on the element support <body>hi a tlem hle. Chumi atân chuan, chu device-a browser pahnih zinga pakhata modal chung lam emaw, hnuai lam emaw i scroll chuan, a <body>thuziak chu a scroll ṭan ang. Chrome bug #175502 ( Chrome v40-ah siamthat a ni) leh WebKit bug #153852 en rawh.
iOS text field leh scroll a awm bawk
iOS 9.2 atang khan modal hawn laiin scroll gesture initial touch chu textual <input>emaw a boundary chhungah a awm a nih <textarea>chuan <body>modal hnuaia content awm chu modal ngei ni lovin scroll a ni ang. WebKit bug #153856 ah hian en rawh .
Navbar a rawn tla thla thei
.dropdown-backdropz-indexing a buaithlak em avangin nav-ah iOS-ah element hi hman a ni lo . Chutiang chuan, navbar-a dropdowns khar tur chuan dropdown element (or element dang eng pawh iOS-a click event fire thei tur ) chu direct-in i click tur a ni.
Browser a zoom theih
Page zooming hian component thenkhatah rendering artifact a rawn present ngei ang, Bootstrap leh web dang zawng zawngah pawh. Issue a zirin kan siam tha thei mai thei (search hmasa la, a tul chuan issue hawng rawh). Mahse, hengte hi kan ngaihthah fo thin a, hacky workaround tih loh chu direct solution dang an neih loh fo avangin.
Sticky :hover/ :focusiOS ah a awm
Touch device tam zawkah chuan a theih loh laiin :hover, iOS hian he thiltih hi a entawn a, chu chuan element pakhat i tap hnuah pawh “sticky” hover style a awm reng a ni. Heng hover style te hi user ten element dang an tap chauhvin an paih chhuak thin. Hetiang thiltih hi a tam zawk chu duh loh anga ngaih a ni a, Android emaw Windows device-ah chuan buaina a awm lo niin a lang.
Kan v4 alpha leh beta release zawng zawngah hian hovering emulate tu touch device browser-a hover styles disable thei tur media query shim-a opting-na tur code tling lo leh comment out kan dah tel a ni. He hna hi a kimin tihfel emaw, enable emaw a ni ngai lo va, mahse a chhe vek loh nan he shim hi deprecate a, mixins te chu pseudo-classes te tana shortcut atan dah kan thlang a ni.
Printing tih a ni
Tunlai browser thenkhatah pawh printing hi a quirky thei hle.
Safari v8.0 atang khan fixed-width .containerclass hman hian Safari hian print laiin font size tlemte danglam tak a hmang thei a ni. A chipchiar zawkna chu issue #14868 leh WebKit bug #138192 ah te en la. Workaround awm thei pakhat chu a hnuaia CSS hi a ni:
@media print {
.container {
width: auto;
}
}Android stock browser ah a awm a
Out of the box, Android 4.1 (leh release thar thenkhat pawh nise) chu Browser app nen hian default web browser duh ber atan an rawn thawn a (Chrome nen a danglam hle). Vanduaithlak takin Browser app hian bug tam tak a nei a, CSS a tlangpuiin inmil lohna a nei bawk.
Menu thlang rawh
Element -ah <select>chuan Android stock browser hian side controls a awm border-radiusleh/ emaw borderhman a nih chuan a rawn tarlang dawn lo. (A chipchiar zawkna chu he StackOverflow zawhna hi en la .) A hnuaia code snippet hmang hian CSS tichhe thei chu paih la, <select>Android stock browser-ah as an unstyled element render rawh. User agent sniffing hian Chrome, Safari, leh Mozilla browser te a tibuai lo.
<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>Entirna hmuh i duh em? He JS Bin demo hi lo en ve teh .
Validators te an ni
Browser hlui leh buggy te tana experience tha ber pek theih nan Bootstrap hian hmun engemaw zatah CSS browser hack hmangin browser version thenkhatah special CSS target a siam a, chu chu browser-a bug awmte ngei pawh a tihbo theih nan a ni. Heng hack te hian hriatthiam theih takin CSS validator te chu an dik lo tih an sawisel thin. Hmun pahnih khatah chuan bleeding-edge CSS features kan hmang bawk a, chu chu fully standardized a la ni lo a, mahse hengte hi progressive enhancement atan chauh hman a ni.
Kan CSS-a non-hacky portion hian fully validate a nih avangin heng validation warning te hi practice-ah a pawimawh lo a, hacky portion te hian non-hacky portion hnathawh dan dik a tibuai lo a, chuvang chuan heng warning bikte hi tumruh taka kan ngaihthah chhan a ni.
Kan HTML docs pawh hian Firefox bug engemaw tak workaround kan dah tel avangin HTML validation warning tlemte leh pawimawh lo tak tak a nei a