Bootstrap's Pengaturan Default
Bootstrap's global yang standar font-size adalah 14px, dengan line-height dari 1,428.
Ini diterapkan pada <body> dan semua paragraf.
Selain itu, semua <p> elemen memiliki margin bawah yang sama dengan setengah mereka dihitung line-height (10px secara default).
Tipografi
Unsur-unsur di bawah ini adalah elemen HTML yang akan ditata sedikit berbeda oleh Bootstrap dari default browser. Lihatlah "Cobalah" contoh untuk melihat hasil / perbedaan.
Kelas bawah digunakan untuk gaya elemen lanjut.
| Elemen / Kelas | Deskripsi | Contoh |
|---|---|---|
| <h1> - <h6> or .h1 - .h6 | judul h6 - h1 | Cobalah |
| <small> | Menciptakan lebih ringan, teks sekunder di pos manapun Heading (teks sekunder) | Cobalah |
| .small | Menunjukkan teks yang lebih kecil (set ke 85% dari ukuran induk): teks kecil | Cobalah |
| .lead | Membuat teks menonjol: Menonjol teks | Cobalah |
| <mark> or .mark | Highlights teks: teks yang disorot | Cobalah |
| <del> | Menunjukkan teks yang dihapus: | Cobalah |
| <s> | Menunjukkan teks tidak lagi relevan: | Cobalah |
| <ins> | Menunjukkan teks dimasukkan: teks dimasukkan | Cobalah |
| <u> | Menunjukkan teks yang digarisbawahi: teks digarisbawahi | Cobalah |
| <strong> | Menunjukkan teks tebal: teks Bold | Cobalah |
| <em> | Menunjukkan teks miring: text Italic | Cobalah |
| .text-left | Menunjukkan teks kiri-blok | Cobalah |
| .text-center | Menunjukkan teks pusat-aligned | Cobalah |
| .text-right | Menunjukkan teks benar-aligned | Cobalah |
| .text-justify | Menunjukkan teks dibenarkan | Cobalah |
| .text-nowrap | Menunjukkan tidak ada bungkus teks | Cobalah |
| .text-lowercase | Menunjukkan teks lowercased: lowercased TEXT | Cobalah |
| .text-uppercase | Menunjukkan teks uppercased: teks uppercased | Cobalah |
| .text-capitalize | Menunjukkan teks dikapitalisasi: teks dikapitalisasi | Cobalah |
| <abbr> | The <abbr> elemen menunjukkan singkatan atau akronim. Singkatan dengan judul atribut memiliki batas bawah putus-putus dan bantuan kursor di hover, memberikan konteks tambahan di hover. | Cobalah |
| .initialism | Menampilkan teks dalam <abbr> elemen dalam ukuran font sedikit lebih kecil | Cobalah |
| <address> | Menyajikan informasi kontak | Cobalah |
| <blockquote> | Menunjukkan blok konten dari sumber lain | Cobalah |
| .blockquote-reverse | Menunjukkan blockquote dengan konten benar-blok | Cobalah |
| <ul> | Menunjukkan daftar unordered | Cobalah |
| <ol> | Menunjukkan daftar memerintahkan | Cobalah |
| .list-unstyled | Menghapus default list-style dan margin kiri pada daftar item (bekerja pada kedua <ul> dan <ol> ). Kelas ini hanya berlaku untuk langsung daftar anak item (untuk menghapus default list-style dari setiap daftar bersarang, menerapkan kelas ini untuk setiap daftar bersarang juga) | Cobalah |
| .list-inline | Tempat semua item daftar pada satu baris | Cobalah |
| <dl> | Menunjukkan daftar deskripsi | Cobalah |
| .dl-horizontal | Baris atas syarat dan deskripsi di <dl> elemen side-by-side. Dimulai seperti bawaan <dl>s , tapi ketika jendela browser mengembang, itu akan berbaris sisi-by-side | Cobalah |
Kode
| Elemen / Kelas | Deskripsi | Contoh |
|---|---|---|
| <var> | Menunjukkan variabel: x = a b + y | Cobalah |
| <kbd> | Menunjukkan input yang biasanya masuk melalui keyboard: CTRL + P | Cobalah |
| <pre> | Menunjukkan beberapa baris kode | Cobalah |
| <pre class="pre-scrollable"> | Menunjukkan beberapa baris kode dengan scrollbar | Cobalah |
| <samp> | Menunjukkan contoh output dari program komputer: Contoh output | Cobalah |
| <code> | Menunjukkan potongan inline kode: span , div | Cobalah |