bootstrap tata letak
Bootstrap menggunakan Helvetica Neue, Helvetica, Arial dan font sans-serif sebagai tumpukan default.
Bootstrap menggunakan fitur tata letak halaman, Anda dapat membuat judul, paragraf, daftar, dan elemen inline lainnya.
membintangi
Bootstrap mendefinisikan semua judul HTML (h1 ke h6) gaya. Perhatikan contoh berikut:
contoh
Coba »
Hasilnya adalah sebagai berikut:
inline subtitle
Jika Anda perlu menambahkan subjudul untuk inline gelar apapun, cukup tambahkan pada kedua sisi elemen <small>, atau menambahkankelas .small, cara ini Anda bisa mendapatkan ukuran yang lebih kecil warna teks lebih ringan, seperti contoh berikut sebagai berikut:
contoh
Coba »
Hasilnya adalah sebagai berikut:
Salinan tubuh panduan
Dalam rangka untuk menambah sebuah paragraf untuk menekankan teks, Anda dapat menambahkan class = "memimpin", yang akan lebih besar dan lebih berani, lebih tinggi baris teks, seperti yang ditunjukkan dalam contoh berikut:
contoh
Coba »
Hasilnya adalah sebagai berikut:
menekankan
Tag HTML default untuk menekankan <small> (85% dari orang tua mengatur ukuran teks teks), <strong> (mengatur teks teks lebih berani), <em> (mengatur teks dalam huruf miring).
Bootstrap memberikan kelas digunakan untuk menekankan teks, seperti yang ditunjukkan dalam contoh berikut:
contoh
Coba »
Hasilnya adalah sebagai berikut:
singkatan
tag elemen HTML disediakan untuk singkatan, seperti WWW atau HTTP. definisi bootstrap dari <abbr> unsur gaya untuk menampilkan garis putus-putus dalam teks di bagian bawah frame, ketika mouse di atas akan menampilkan teks penuh (selama Anda menambahkan <abbr> judul atribut teks). Dalam rangka untuk mendapatkan teks font yang lebih kecil, tambahkan .initialism ke <abbr>.
contoh
Coba »
Hasilnya adalah sebagai berikut:
Alamat (alamat)
Gunakan <alamat> tag, Anda dapat menampilkan informasi kontak pada halaman. Sejak <alamat> tampilan default: block;, Anda perlu menggunakan label untuk menambahkan alamat bungkus teks tertutup.
contoh
Coba »
Hasilnya adalah sebagai berikut:
Referensi (Blockquote)
Anda dapat menggunakan default <blockquote> di sebelah teks HTML. Pilihan lainnya termasuk menambahkan tag <small> untuk mengidentifikasi sumber kutipan menggunakankelas.pull-benar tepat referensi keselarasan. Contoh berikut menggambarkan fitur ini:
contoh
Coba »
Hasilnya adalah sebagai berikut:
daftar
dukungan bootstrap memerintahkan daftar, daftar unordered dan daftar definisi.
- daftar memerintahkan: ordered list nomor atau cara lain pada awal daftar karakter teratur.
- daftar unordered: Daftar unordered mengacu daftar tanpa urutan tertentu, adalah daftar nomor yang dimulai dengan penekanan pada gaya tradisional.Jika Anda tidak ingin menampilkan penekanan ini, Anda dapat menggunakankelas.list-unstyled untuk menghapus gaya. Anda juga dapat menggunakankelasdaftar .list-inline dari semua item pada baris yang sama.
- daftar definisi: Dalam jenis daftar, setiap item daftar dapat berisi <dt> dan <dd> elemen.<Dt> atas namadefinisi istilahseperti kamus, yang merupakan bagian dari (atau frase) didefinisikan. Kemudian, <dd> yaitu <dt> keterangan. Anda dapat menggunakankelasdl-horizontal <dl> berturut-turut milik deskripsi ditampilkan berdampingan.
Contoh berikut menunjukkan jenis daftar:
contoh
Coba »
Hasilnya adalah sebagai berikut:
Lebih kelas typesetting
Tabel berikut memberikan contoh tambahan kelas tipografi Bootstrap:
kategori | deskripsi | contoh |
---|---|---|
.lead | Sorot paragraf untuk membuat | mencoba |
.small | Mengatur teks kecil (mengatur 85% ukuran teks induk) | mencoba |
.text-kiri | Mengatur teks rata kiri | mencoba |
.text-pusat | Pengaturan Text Align | mencoba |
.text-benar | Pengaturan Teks Rata Kanan | mencoba |
.text-membenarkan | Pengaturan Penyelarasan Text, paragraf di atas layar beberapa bungkus teks | mencoba |
.text-nowrap | Ayat di atas layar sebagian membungkus | mencoba |
.text-huruf kecil | Pengaturan huruf kecil teks | mencoba |
.text-huruf besar | Mengatur huruf besar teks | mencoba |
.text-memanfaatkan | Pengaturan inisial kata | mencoba |
.initialism | Hal ini ditampilkan dalam <abbr> elemen dalam teks untuk menampilkan font kecil | mencoba |
.blockquote-terbalik | Menetapkan referensi ke kanan-blok | mencoba |
.list-unstyled | Menghapus daftar gaya default, daftar item kiri-blok (<ul> dan <ol> di). Kategori ini hanya berlaku untuk mengarahkan daftar anak item (jika Anda perlu untuk menghapus bersarang daftar item, Anda perlu menggunakan gaya dalam daftar bersarang) | mencoba |
.list-inline | Akan ditempatkan pada baris yang sama semua item daftar | mencoba |
.dl-horisontal | Kelas ini menetapkan mengambang dan offset diterapkan <dl> elemen dan <dt> elemen, Anda dapat melihat contoh implementasi khusus | mencoba |
.pre-digulir | Jadi <pre> elemen digulir digulir | mencoba |