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 tidak didukung. Jika Anda memerlukan dukungan Internet Explorer, silakan gunakan Bootstrap v4.
Modal dan dropdown di ponsel
Meluap dan bergulir
Dukungan untuk overflow: hidden;
elemen <body>
ini cukup terbatas di iOS dan Android. Untuk itu, ketika Anda menggulir melewati bagian atas atau bawah modal di salah satu browser perangkat tersebut, <body>
konten akan mulai bergulir. Lihat bug Chrome #175502 (diperbaiki di Chrome v40) dan bug WebKit #153852 .
Bidang teks dan pengguliran iOS
Pada iOS 9.2, saat modal terbuka, jika sentuhan awal gerakan gulir berada dalam batas tekstual <input>
atau a <textarea>
, <body>
konten di bawah modal akan digulir alih-alih modal itu sendiri. Lihat bug WebKit #153856 .
Dropdown Navbar
Elemen .dropdown-backdrop
tidak digunakan di iOS di nav karena kerumitan pengindeksan-z. Jadi, untuk menutup dropdown di navbars, Anda harus langsung mengklik elemen dropdown (atau elemen lain apa pun yang akan mengaktifkan event click di iOS ).
Pembesaran peramban
Pembesaran halaman pasti menghadirkan artefak rendering di beberapa komponen, baik di Bootstrap dan bagian web lainnya. Bergantung pada masalahnya, kami mungkin dapat memperbaikinya (cari dulu, lalu buka masalah jika perlu). Namun, kami cenderung mengabaikannya karena sering kali tidak ada solusi langsung selain solusi peretasan.
Validator
Untuk memberikan pengalaman terbaik bagi browser lama dan buggy, Bootstrap menggunakan peretasan browser CSS di beberapa tempat untuk menargetkan CSS khusus ke versi browser tertentu untuk mengatasi bug di browser itu sendiri. Peretasan ini dapat dimengerti menyebabkan validator CSS mengeluh bahwa mereka tidak valid. Di beberapa tempat, kami juga menggunakan fitur CSS mutakhir yang belum sepenuhnya terstandarisasi, tetapi ini digunakan murni untuk peningkatan progresif.
Peringatan validasi ini tidak penting dalam praktiknya karena bagian non-retas dari CSS kami benar-benar memvalidasi dan bagian yang diretas tidak mengganggu berfungsinya bagian non-retas, oleh karena itu kami sengaja mengabaikan peringatan khusus ini.
Dokumen HTML kami juga memiliki beberapa peringatan validasi HTML yang sepele dan tidak penting karena kami menyertakan solusi untuk bug Firefox tertentu .