Browser dan perangkat
Pelajari tentang browser dan perangkat, dari modern hingga lama, yang didukung oleh Bootstrap, termasuk kebiasaan dan bug yang diketahui masing-masing.
Browser yang didukung
Bootstrap mendukung rilis terbaru dan stabil dari semua browser dan platform utama.
Peramban alternatif yang menggunakan versi terbaru WebKit, Blink, atau Gecko, baik secara langsung atau melalui API tampilan web platform, tidak didukung secara eksplisit. Namun, Bootstrap harus (dalam banyak kasus) ditampilkan dan berfungsi dengan benar di browser ini juga. Informasi dukungan yang lebih spesifik disediakan di bawah ini.
Anda dapat menemukan berbagai browser yang kami dukung dan versinya di.browserslistrc file
:
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
Kami menggunakan Autoprefixer untuk menangani dukungan browser yang dimaksud melalui awalan CSS, yang menggunakan Daftar Browser untuk mengelola versi browser ini. Lihat dokumentasi mereka tentang cara mengintegrasikan alat-alat ini ke dalam proyek Anda.
Perangkat seluler
Secara umum, Bootstrap mendukung versi terbaru dari masing-masing browser default platform utama. Perhatikan bahwa browser proxy (seperti Opera Mini, mode Turbo Opera Mobile, UC Browser Mini, Amazon Silk) tidak didukung.
Chrome | Firefox | Safari | Peramban Android & Tampilan Web | |
---|---|---|---|---|
Android | Didukung | Didukung | — | v6.0+ |
iOS | Didukung | Didukung | Didukung | — |
Peramban desktop
Demikian pula, versi terbaru dari sebagian besar browser desktop didukung.
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | Didukung | Didukung | Didukung | Didukung | Didukung |
jendela | Didukung | Didukung | Didukung | Didukung | — |
Untuk Firefox, selain rilis stabil normal terbaru, kami juga mendukung Firefox versi Extended Support Release (ESR) terbaru.
Secara tidak resmi, Bootstrap akan terlihat dan berperilaku cukup baik di Chromium dan Chrome untuk Linux, dan Firefox untuk Linux, meskipun tidak didukung secara resmi.
Internet Explorer
Internet Explorer is not supported. If you require Internet Explorer support, please use Bootstrap v4.
Modals and dropdowns on mobile
Overflow and scrolling
Support for overflow: hidden;
on the <body>
element is quite limited in iOS and Android. To that end, when you scroll past the top or bottom of a modal in either of those devices' browsers, the <body>
content will begin to scroll. See Chrome bug #175502 (fixed in Chrome v40) and WebKit bug #153852.
iOS text fields and scrolling
As of iOS 9.2, while a modal is open, if the initial touch of a scroll gesture is within the boundary of a textual <input>
or a <textarea>
, the <body>
content underneath the modal will be scrolled instead of the modal itself. See WebKit bug #153856.
Navbar Dropdowns
The .dropdown-backdrop
element isn’t used on iOS in the nav because of the complexity of z-indexing. Thus, to close dropdowns in navbars, you must directly click the dropdown element (or any other element which will fire a click event in iOS).
Browser zooming
Page zooming inevitably presents rendering artifacts in some components, both in Bootstrap and the rest of the web. Depending on the issue, we may be able to fix it (search first and then open an issue if need be). However, we tend to ignore these as they often have no direct solution other than hacky workarounds.
Validators
In order to provide the best possible experience to old and buggy browsers, Bootstrap uses CSS browser hacks in several places to target special CSS to certain browser versions in order to work around bugs in the browsers themselves. These hacks understandably cause CSS validators to complain that they are invalid. In a couple places, we also use bleeding-edge CSS features that aren’t yet fully standardized, but these are used purely for progressive enhancement.
These validation warnings don’t matter in practice since the non-hacky portion of our CSS does fully validate and the hacky portions don’t interfere with the proper functioning of the non-hacky portion, hence why we deliberately ignore these particular warnings.
Dokumen HTML kami juga memiliki beberapa peringatan validasi HTML yang sepele dan tidak penting karena kami menyertakan solusi untuk bug Firefox tertentu .