Bermula
Gambaran keseluruhan Bootstrap, cara memuat turun dan menggunakan, templat asas dan contoh, dan banyak lagi.
Gambaran keseluruhan Bootstrap, cara memuat turun dan menggunakan, templat asas dan contoh, dan banyak lagi.
Bootstrap (kini v3.3.7) mempunyai beberapa cara mudah untuk bermula dengan cepat, setiap satu menarik kepada tahap kemahiran dan kes penggunaan yang berbeza. Baca sehingga melihat apa yang sesuai dengan keperluan khusus anda.
CSS, JavaScript dan fon yang disusun dan diperkecilkan. Tiada dokumen atau fail sumber asal disertakan.
Sumber Kurang, JavaScript dan fail fon, bersama-sama dengan dokumen kami. Memerlukan penyusun Kurang dan beberapa persediaan.
Bootstrap dialihkan daripada Less to Sass untuk dimasukkan dengan mudah dalam projek Rails, Compass atau Sass sahaja.
Orang-orang di jsDelivr memberikan sokongan CDN untuk CSS dan JavaScript Bootstrap. Hanya gunakan pautan Bootstrap CDN ini.
Anda juga boleh memasang dan mengurus Bootstrap's Less, CSS, JavaScript dan fon menggunakan Bower :
Anda juga boleh memasang Bootstrap menggunakan npm :
require('bootstrap')
akan memuatkan semua pemalam jQuery Bootstrap ke objek jQuery. Modul bootstrap
itu sendiri tidak mengeksport apa-apa. Anda boleh memuatkan pemalam jQuery Bootstrap secara manual secara individu dengan memuatkan /js/*.js
fail di bawah direktori peringkat atas pakej.
Bootstrap package.json
mengandungi beberapa metadata tambahan di bawah kekunci berikut:
less
- laluan ke fail Kurang sumber utama Bootstrapstyle
- laluan ke CSS tidak diperkecil Bootstrap yang telah dikompilasi menggunakan tetapan lalai (tiada penyesuaian)Anda juga boleh memasang dan mengurus Bootstrap's Less, CSS, JavaScript dan fon menggunakan Composer :
Bootstrap menggunakan Autoprefixer untuk menangani awalan vendor CSS . Jika anda menyusun Bootstrap daripada sumber Less/Sass dan tidak menggunakan Gruntfile kami, anda perlu menyepadukan Autoprefixer ke dalam proses binaan anda sendiri. Jika anda menggunakan Bootstrap yang telah dikompilasi atau menggunakan Gruntfile kami, anda tidak perlu risau tentang perkara ini kerana Autoprefixer sudah disepadukan ke dalam Gruntfile kami.
Bootstrap boleh dimuat turun dalam dua bentuk, di mana anda akan menemui direktori dan fail berikut, secara logik mengumpulkan sumber biasa dan menyediakan kedua-dua variasi yang disusun dan diperkecilkan.
Sila ambil perhatian bahawa semua pemalam JavaScript memerlukan jQuery disertakan, seperti yang ditunjukkan dalam templat pemula . Rujuk kamibower.json
untuk melihat versi jQuery yang disokong.
Setelah dimuat turun, nyahzip folder termampat untuk melihat struktur Bootstrap (yang disusun). Anda akan melihat sesuatu seperti ini:
Ini adalah bentuk Bootstrap yang paling asas: fail yang telah disusun terlebih dahulu untuk penggunaan drop-in pantas dalam hampir mana-mana projek web. Kami menyediakan CSS dan JS yang disusun ( bootstrap.*
), serta CSS dan JS yang disusun dan diperkecil ( bootstrap.min.*
). Peta sumber CSS ( bootstrap.*.map
) tersedia untuk digunakan dengan alat pembangun penyemak imbas tertentu. Fon daripada Glyphicons disertakan, begitu juga dengan tema Bootstrap pilihan.
Muat turun kod sumber Bootstrap termasuk aset CSS, JavaScript dan fon yang telah dikompilasi, bersama-sama dengan sumber Kurang, JavaScript dan dokumentasi. Secara lebih khusus, ia termasuk yang berikut dan banyak lagi:
, less/
, js/
dan fonts/
ialah kod sumber untuk fon CSS, JS dan ikon kami (masing-masing). Folder termasuk semua yang dist/
disenaraikan dalam bahagian muat turun yang telah disusun di atas. docs/
Folder termasuk kod sumber untuk dokumentasi kami dan penggunaan examples/
Bootstrap. Selain itu, mana-mana fail lain yang disertakan menyediakan sokongan untuk pakej, maklumat lesen dan pembangunan.
Bootstrap menggunakan Grunt untuk sistem binaannya, dengan kaedah yang mudah untuk bekerja dengan rangka kerja. Ini cara kami menyusun kod kami, menjalankan ujian dan banyak lagi.
Untuk memasang Grunt, anda mesti memuat turun dan memasang node.js (yang termasuk npm) dahulu . npm bermaksud modul berpakej nod dan merupakan cara untuk mengurus kebergantungan pembangunan melalui node.js.
Kemudian, dari baris arahan:grunt-cli
secara global dengan npm install -g grunt-cli
./bootstrap/
, kemudian jalankan npm install
. npm akan melihat package.json
fail dan secara automatik memasang kebergantungan tempatan yang diperlukan yang disenaraikan di sana.Apabila selesai, anda akan dapat menjalankan pelbagai arahan Grunt yang disediakan daripada baris arahan.
grunt dist
(Hanya susun CSS dan JavaScript)Menjana semula /dist/
direktori dengan fail CSS dan JavaScript yang disusun dan diperkecil. Sebagai pengguna Bootstrap, ini biasanya arahan yang anda mahukan.
grunt watch
(Tonton)Menonton fail sumber Kurang dan menyusun semula secara automatik ke CSS apabila anda menyimpan perubahan.
grunt test
(Jalankan ujian)Menjalankan JSHint dan menjalankan ujian QUnit tanpa kepala dalam PhantomJS .
grunt docs
(Bina & uji aset dokumen)Membina dan menguji CSS, JavaScript dan aset lain yang digunakan semasa menjalankan dokumentasi secara setempat melalui bundle exec jekyll serve
.
grunt
(Bina sepenuhnya semuanya dan jalankan ujian)Menyusun dan meminimumkan CSS dan JavaScript, membina tapak web dokumentasi, menjalankan pengesah HTML5 terhadap dokumen, menjana semula aset Penyesuai dan banyak lagi. Memerlukan Jekyll . Biasanya hanya perlu jika anda menggodam Bootstrap itu sendiri.
Sekiranya anda menghadapi masalah dengan memasang kebergantungan atau menjalankan arahan Grunt, padamkan /node_modules/
direktori yang dihasilkan oleh npm terlebih dahulu. Kemudian, jalankan semula npm install
.
Mulakan dengan templat HTML asas ini atau ubah suai contoh ini . Kami berharap anda akan menyesuaikan templat dan contoh kami, menyesuaikannya mengikut keperluan anda.
Salin HTML di bawah untuk mula bekerja dengan dokumen Bootstrap yang minimum.
Bina pada templat asas di atas dengan banyak komponen Bootstrap. Kami menggalakkan anda untuk menyesuaikan dan menyesuaikan Bootstrap agar sesuai dengan keperluan projek individu anda.
Dapatkan kod sumber untuk setiap contoh di bawah dengan memuat turun repositori Bootstrap . Contoh boleh didapati dalam docs/examples/
direktori.
Buat navbar tersuai dengan pautan yang dibenarkan. Angkat kepala! Tidak terlalu mesra Safari.
Bootlint ialah alat linter HTML Bootstrap rasmi. Ia secara automatik menyemak beberapa kesilapan HTML biasa dalam halaman web yang menggunakan Bootstrap dengan cara yang agak "vanila". Komponen/widget Vanilla Bootstrap memerlukan bahagian DOMnya untuk mematuhi struktur tertentu. Bootlint menyemak bahawa contoh komponen Bootstrap mempunyai HTML berstruktur dengan betul. Pertimbangkan untuk menambahkan Bootlint pada rantai alat pembangunan web Bootstrap anda supaya tiada kesilapan biasa yang memperlahankan pembangunan projek anda.
Ikuti perkembangan Bootstrap dan hubungi komuniti dengan sumber yang berguna ini.
irc.freenode.net
pelayan, dalam saluran ##bootstrap .twitter-bootstrap-3
.bootstrap
pada pakej yang mengubah suai atau menambah kefungsian Bootstrap apabila mengedarkan melalui npm atau mekanisme penghantaran yang serupa untuk kebolehtemuan maksimum.Anda juga boleh mengikuti @getbootstrap di Twitter untuk gosip terkini dan video muzik yang hebat.
Bootstrap menyesuaikan halaman anda secara automatik untuk pelbagai saiz skrin. Berikut ialah cara untuk melumpuhkan ciri ini supaya halaman anda berfungsi seperti contoh tidak responsif ini .
<meta>
disebut dalam dokumen CSSwidth
pada .container
untuk setiap peringkat grid dengan lebar tunggal, contohnya width: 970px !important;
Pastikan ini datang selepas CSS Bootstrap lalai. Anda boleh mengelak !important
pertanyaan dengan media atau beberapa pemilih-fu..col-xs-*
kelas sebagai tambahan kepada, atau sebagai ganti, kelas sederhana/besar. Jangan risau, grid peranti yang lebih kecil berskala kepada semua resolusi.Anda masih memerlukan Respond.js untuk IE8 (memandangkan pertanyaan media kami masih ada dan perlu diproses). Ini melumpuhkan aspek "tapak mudah alih" Bootstrap.
Kami telah menggunakan langkah ini pada contoh. Baca kod sumbernya untuk melihat perubahan khusus yang dilaksanakan.
Ingin berhijrah daripada versi Bootstrap yang lebih lama kepada v3.x? Lihat panduan migrasi kami .
Bootstrap dibina untuk berfungsi dengan baik dalam desktop dan penyemak imbas mudah alih terkini, bermakna penyemak imbas yang lebih lama mungkin memaparkan gaya yang berbeza, walaupun berfungsi sepenuhnya, pemaparan komponen tertentu.
Khususnya, kami menyokong versi terkini penyemak imbas dan platform berikut.
Penyemak imbas alternatif yang menggunakan versi terkini WebKit, Blink atau Gecko, sama ada secara langsung atau melalui API paparan web platform, tidak disokong secara eksplisit. Walau bagaimanapun, Bootstrap harus (dalam kebanyakan kes) memaparkan dan berfungsi dengan betul dalam pelayar ini juga. Maklumat sokongan yang lebih khusus disediakan di bawah.
Secara umumnya, Bootstrap menyokong versi terkini setiap pelayar lalai platform utama. Ambil perhatian bahawa penyemak imbas proksi (seperti Opera Mini, mod Turbo Opera Mobile, UC Browser Mini, Amazon Silk) tidak disokong.
Chrome | Firefox | Safari | |
---|---|---|---|
Android | Disokong | Disokong | T/A |
iOS | Disokong | Disokong | Disokong |
Begitu juga, versi terkini kebanyakan pelayar desktop disokong.
Chrome | Firefox | internet Explorer | Opera | Safari | |
---|---|---|---|---|---|
Mac | Disokong | Disokong | T/A | Disokong | Disokong |
Windows | Disokong | Disokong | Disokong | Disokong | Tidak disokong |
Pada Windows, kami menyokong Internet Explorer 8-11 .
Untuk Firefox, sebagai tambahan kepada keluaran stabil biasa yang terkini, kami juga menyokong versi Extended Support Release (ESR) Firefox yang terkini.
Secara tidak rasmi, Bootstrap sepatutnya kelihatan dan berkelakuan cukup baik dalam Chromium dan Chrome untuk Linux, Firefox untuk Linux dan Internet Explorer 7, serta Microsoft Edge, walaupun ia tidak disokong secara rasmi.
Untuk senarai beberapa pepijat penyemak imbas yang perlu dihadapi oleh Bootstrap, lihat Dinding pepijat penyemak imbas kami .
Internet Explorer 8 dan 9 juga disokong, walau bagaimanapun, sila maklum bahawa sesetengah sifat CSS3 dan elemen HTML5 tidak disokong sepenuhnya oleh penyemak imbas ini. Selain itu, Internet Explorer 8 memerlukan penggunaan Respond.js untuk mendayakan sokongan pertanyaan media.
Ciri | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Tidak disokong | Disokong |
box-shadow |
Tidak disokong | Disokong |
transform |
Tidak disokong | Disokong, dengan -ms awalan |
transition |
Tidak disokong | |
placeholder |
Tidak disokong |
Lawati Bolehkah saya menggunakan... untuk mendapatkan butiran tentang sokongan penyemak imbas ciri CSS3 dan HTML5.
Berhati-hati dengan kaveat berikut apabila menggunakan Respond.js dalam pembangunan dan persekitaran pengeluaran anda untuk Internet Explorer 8.
Menggunakan Respond.js dengan CSS yang dihoskan pada domain (sub) yang berbeza (contohnya, pada CDN) memerlukan beberapa persediaan tambahan. Lihat dokumen Respond.js untuk mendapatkan butiran.
file://
Disebabkan oleh peraturan keselamatan penyemak imbas, Respond.js tidak berfungsi dengan halaman yang dilihat melalui file://
protokol (seperti semasa membuka fail HTML setempat). Untuk menguji ciri responsif dalam IE8, lihat halaman anda melalui HTTP(S). Lihat dokumen Respond.js untuk mendapatkan butiran.
@import
Respond.js tidak berfungsi dengan CSS yang dirujuk melalui @import
. Khususnya, beberapa konfigurasi Drupal diketahui menggunakan @import
. Lihat dokumen Respond.js untuk mendapatkan butiran.
IE8 tidak menyokong sepenuhnya box-sizing: border-box;
apabila digabungkan dengan min-width
, max-width
, min-height
, atau max-height
. Atas sebab itu, pada v3.0.1, kami tidak lagi menggunakan max-width
pada .container
s.
IE8 mempunyai beberapa masalah dengan @font-face
apabila digabungkan dengan :before
. Bootstrap menggunakan gabungan itu dengan Glyphiconsnya. Jika halaman dicache, dan dimuatkan tanpa tetikus di atas tetingkap (iaitu tekan butang muat semula atau muatkan sesuatu dalam iframe) maka halaman itu akan dipaparkan sebelum fon dimuatkan. Menuding di atas halaman (badan) akan menunjukkan beberapa ikon dan menuding di atas ikon yang tinggal akan menunjukkannya juga. Lihat isu #13863 untuk butiran.
Bootstrap tidak disokong dalam mod keserasian Internet Explorer lama. Untuk memastikan anda menggunakan mod pemaparan terkini untuk IE, pertimbangkan untuk memasukkan <meta>
teg yang sesuai dalam halaman anda:
Sahkan mod dokumen dengan membuka alat penyahpepijatan: tekan F12dan semak "Mod Dokumen".
Teg ini disertakan dalam semua dokumentasi dan contoh Bootstrap untuk memastikan pemaparan terbaik yang mungkin dalam setiap versi Internet Explorer yang disokong.
Lihat soalan StackOverflow ini untuk mendapatkan maklumat lanjut.
Internet Explorer 10 tidak membezakan lebar peranti daripada lebar port pandangan , dan dengan itu tidak menggunakan pertanyaan media dengan betul dalam CSS Bootstrap. Biasanya anda hanya akan menambah coretan pantas CSS untuk membetulkan perkara ini:
Walau bagaimanapun, ini tidak berfungsi untuk peranti yang menjalankan Windows Phone 8 versi lebih lama daripada Kemas Kini 3 (aka GDR3) , kerana ia menyebabkan peranti sedemikian menunjukkan kebanyakan paparan desktop dan bukannya paparan "telefon" yang sempit. Untuk menangani perkara ini, anda perlu memasukkan CSS dan JavaScript berikut untuk mengatasi pepijat .
Untuk mendapatkan maklumat lanjut dan garis panduan penggunaan, baca Windows Phone 8 dan Device-Width .
Sebagai makluman, kami memasukkan ini dalam semua dokumentasi dan contoh Bootstrap sebagai demonstrasi.
Enjin pemaparan versi Safari sebelum v7.1 untuk OS X dan Safari untuk iOS v8.0 mengalami masalah dengan bilangan tempat perpuluhan yang digunakan dalam .col-*-1
kelas grid kami. Jadi, jika anda mempunyai 12 lajur grid individu, anda akan dapati bahawa lajur itu menjadi pendek berbanding dengan baris lajur yang lain. Selain menaik taraf Safari/iOS, anda mempunyai beberapa pilihan untuk penyelesaian:
.pull-right
pada lajur grid terakhir anda untuk mendapatkan penjajaran keras-kananSokongan untuk overflow: hidden
pada <body>
elemen agak terhad dalam iOS dan Android. Untuk itu, apabila anda menatal melepasi bahagian atas atau bawah mod dalam salah satu daripada pelayar peranti tersebut, <body>
kandungan akan mula menatal. Lihat pepijat Chrome #175502 (dibetulkan dalam Chrome v40) dan pepijat WebKit #153852 .
Mulai iOS 9.3, semasa mod dibuka, jika sentuhan awal gerak isyarat tatal berada dalam sempadan teks <input>
atau a <textarea>
, <body>
kandungan di bawah modal akan ditatal dan bukannya modal itu sendiri. Lihat pepijat WebKit #153856 .
Juga, ambil perhatian bahawa jika anda menggunakan bar navigasi tetap atau menggunakan input dalam mod, iOS mempunyai pepijat pemaparan yang tidak mengemas kini kedudukan elemen tetap apabila papan kekunci maya dicetuskan. Beberapa penyelesaian untuk ini termasuk mengubah elemen anda kepada position: absolute
atau menggunakan pemasa pada fokus untuk cuba membetulkan kedudukan secara manual. Ini tidak dikendalikan oleh Bootstrap, jadi terpulang kepada anda untuk memutuskan penyelesaian yang terbaik untuk aplikasi anda.
Elemen .dropdown-backdrop
ini tidak digunakan pada iOS dalam navigasi kerana kerumitan pengindeksan-z. Oleh itu, untuk menutup menu lungsur dalam bar navigasi, anda mesti mengklik terus elemen lungsur turun (atau mana-mana elemen lain yang akan melancarkan acara klik dalam iOS ).
Zum halaman tidak dapat dielakkan mempersembahkan artifak pemaparan dalam beberapa komponen, dalam Bootstrap dan seluruh web. Bergantung pada isu itu, kami mungkin dapat membetulkannya (cari dahulu dan kemudian buka isu jika perlu). Walau bagaimanapun, kami cenderung untuk mengabaikan perkara ini kerana ia selalunya tidak mempunyai penyelesaian langsung selain daripada penyelesaian yang meretas.
:hover
/ :focus
pada mudah alihWalaupun melayang sebenar tidak boleh dilakukan pada kebanyakan skrin sentuh, kebanyakan penyemak imbas mudah alih mencontohi sokongan melayang dan menjadikan :hover
"melekit". Dalam erti kata lain, :hover
gaya mula digunakan selepas mengetik elemen dan hanya berhenti menggunakan selepas pengguna mengetik beberapa elemen lain. Ini boleh menyebabkan keadaan Bootstrap :hover
menjadi tidak diingini "terperangkap" pada pelayar tersebut. Sesetengah penyemak imbas mudah alih juga membuat :focus
yang serupa melekit. Pada masa ini tiada penyelesaian mudah untuk isu ini selain mengalih keluar gaya sedemikian sepenuhnya.
Malah dalam sesetengah penyemak imbas moden, percetakan boleh menjadi pelik.
Khususnya, pada Chrome v32 dan tanpa mengira tetapan jidar, Chrome menggunakan lebar port pandangan jauh lebih sempit daripada saiz kertas fizikal apabila menyelesaikan pertanyaan media semasa mencetak halaman web. Ini boleh mengakibatkan grid lebih kecil Bootstrap secara tidak dijangka diaktifkan semasa mencetak. Lihat isu #12078 dan pepijat Chrome #273306 untuk beberapa butiran. Penyelesaian yang dicadangkan:
@screen-*
pembolehubah Kurang supaya kertas pencetak anda dianggap lebih besar daripada lebih kecil.Selain itu, pada Safari v8.0, s lebar tetap .container
boleh menyebabkan Safari menggunakan saiz fon yang luar biasa kecil semasa mencetak. Lihat #14868 dan pepijat WebKit #138192 untuk butiran lanjut. Satu penyelesaian yang berpotensi untuk ini ialah menambahkan CSS berikut:
Di luar kotak, Android 4.1 (dan juga beberapa keluaran yang lebih baharu nampaknya) dihantar dengan apl Penyemak Imbas sebagai penyemak imbas web lalai pilihan (berbanding dengan Chrome). Malangnya, apl Penyemak Imbas mempunyai banyak pepijat dan tidak konsisten dengan CSS secara umum.
Pada <select>
elemen, penyemak imbas saham Android tidak akan memaparkan kawalan sisi jika terdapat border-radius
dan/atau border
digunakan. (Lihat soalan StackOverflow ini untuk mendapatkan butiran.) Gunakan coretan kod di bawah untuk mengalih keluar CSS yang menyinggung perasaan dan menjadikannya <select>
sebagai elemen tidak digayakan pada penyemak imbas saham Android. Ejen pengguna menghidu mengelakkan gangguan dengan penyemak imbas Chrome, Safari dan Mozilla.
Nak tengok contoh? Lihat demo JS Bin ini.
Untuk memberikan pengalaman terbaik kepada penyemak imbas lama dan buggy, Bootstrap menggunakan penggodam penyemak imbas CSS di beberapa tempat untuk menyasarkan CSS khas kepada versi penyemak imbas tertentu untuk mengatasi pepijat dalam penyemak imbas itu sendiri. Penggodaman ini boleh difahami menyebabkan pengesah CSS mengadu bahawa ia tidak sah. Di beberapa tempat, kami juga menggunakan ciri CSS bleeding-edge yang belum diseragamkan sepenuhnya, tetapi ini digunakan semata-mata untuk peningkatan progresif.
Amaran pengesahan ini tidak penting dalam amalan kerana bahagian CSS kami yang tidak digodam mengesahkan sepenuhnya dan bahagian yang digodam tidak mengganggu fungsi bahagian yang tidak digodam dengan betul, oleh itu sebab kami sengaja mengabaikan amaran ini.
Dokumen HTML kami juga mempunyai beberapa amaran pengesahan HTML yang remeh dan tidak penting kerana kami memasukkan penyelesaian untuk pepijat Firefox tertentu .
Walaupun kami tidak menyokong mana-mana pemalam atau alat tambah pihak ketiga secara rasmi, kami menawarkan beberapa nasihat berguna untuk membantu mengelakkan kemungkinan isu dalam projek anda.
Sesetengah perisian pihak ketiga, termasuk Peta Google dan Enjin Carian Tersuai Google, bercanggah dengan Bootstrap disebabkan oleh * { box-sizing: border-box; }
, peraturan yang menjadikannya padding
tidak menjejaskan lebar pengiraan akhir elemen. Ketahui lebih lanjut tentang model kotak dan saiz di CSS Tricks .
Bergantung pada konteks, anda boleh mengatasi seperti yang diperlukan (Pilihan 1) atau menetapkan semula saiz kotak untuk seluruh kawasan (Pilihan 2).
Bootstrap mengikut piawaian web biasa dan—dengan usaha tambahan yang minimum—boleh digunakan untuk membuat tapak yang boleh diakses oleh mereka yang menggunakan AT .
Jika navigasi anda mengandungi banyak pautan dan datang sebelum kandungan utama dalam DOM, tambahkan Skip to main content
pautan sebelum navigasi (untuk penjelasan ringkas, lihat artikel Projek A11Y ini mengenai pautan navigasi langkau ). Menggunakan .sr-only
kelas akan menyembunyikan pautan langkau secara visual dan .sr-only-focusable
kelas akan memastikan bahawa pautan itu kelihatan apabila difokuskan (untuk pengguna papan kekunci yang kelihatan).
Disebabkan oleh kekurangan/pepijat yang telah lama wujud dalam Chrome (lihat isu 262171 dalam penjejak pepijat Chromium ) dan Internet Explorer (lihat artikel ini pada pautan dalam halaman dan susunan fokus ), anda perlu memastikan bahawa sasaran pautan langkau anda sekurang-kurangnya boleh difokuskan secara pemprograman dengan menambahkan tabindex="-1"
.
Di samping itu, anda mungkin mahu secara eksplisit menyekat petunjuk fokus yang boleh dilihat pada sasaran (terutamanya pada masa ini Chrome turut menetapkan fokus pada elemen tabindex="-1"
apabila ia diklik dengan tetikus) dengan #content:focus { outline: none; }
.
Ambil perhatian bahawa pepijat ini juga akan menjejaskan mana-mana pautan dalam halaman lain yang mungkin digunakan oleh tapak anda, menjadikannya tidak berguna untuk pengguna papan kekunci. Anda boleh mempertimbangkan untuk menambah pembetulan celah henti yang serupa pada semua pengenal sauh / serpihan bernama lain yang bertindak sebagai sasaran pautan.
Apabila meletakkan tajuk ( <h1>
- <h6>
), pengepala dokumen utama anda hendaklah <h1>
. Tajuk berikutnya hendaklah menggunakan penggunaan logik <h2>
- <h6>
supaya pembaca skrin boleh membina jadual kandungan untuk halaman anda.
Ketahui lebih lanjut di HTML CodeSniffer dan Penn State's AccessAbility .
Pada masa ini, beberapa kombinasi warna lalai tersedia dalam Bootstrap (seperti pelbagai kelas butang gaya , beberapa warna penyerlahan kod yang digunakan untuk blok kod asas , kelas pembantu .bg-primary
latar belakang kontekstual dan warna pautan lalai apabila digunakan pada latar belakang putih) mempunyai nisbah kontras yang rendah (di bawah nisbah yang disyorkan 4.5:1 ). Ini boleh menyebabkan masalah kepada pengguna yang kurang penglihatan atau yang buta warna. Warna lalai ini mungkin perlu diubah suai untuk meningkatkan kontras dan kebolehbacaannya.
Bootstrap dikeluarkan di bawah lesen MIT dan hak cipta 2016 Twitter. Direbus kepada ketulan yang lebih kecil, ia boleh diterangkan dengan syarat berikut.
Lesen Bootstrap penuh terletak dalam repositori projek untuk mendapatkan maklumat lanjut.
Ahli komuniti telah menterjemah dokumentasi Bootstrap ke dalam pelbagai bahasa. Tiada yang disokong secara rasmi dan mereka mungkin tidak sentiasa terkini.
Kami tidak membantu mengatur atau menganjurkan terjemahan, kami hanya memautkannya.
Selesai terjemahan baharu atau lebih baik? Buka permintaan tarik untuk menambahkannya pada senarai kami.