Forum | tutorial pengembangan web terbaru
 

Bootstrap CSS Tipografi Referensi


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: teks dihapus Cobalah
<s> Menunjukkan teks tidak lagi relevan: Tidak ada lagi teks yang 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