Dalam artikel sebelumnya, saya memperkenalkan sistem grid Catatan Studi Bootstrap3 (1)
Untuk judul, Bootstrap telah memodifikasi gaya H1-H6. Jika Anda membutuhkan subtitle, Anda juga dapat menggunakan tag kecil di dalamnya.
<h1> H1. Heading Bootstrap <small> Teks Sekunder </small> </h1> <h2> H2. Heading Bootstrap <small> Teks Sekunder </small> </h2> <h3> H3. Heading Bootstrap <small> Teks Sekunder </small> </h3> <h4> H4. Heading Bootstrap <small> Teks Sekunder </small> </h4> <h5> H5. Heading Bootstrap <small> Teks Sekunder </small> </h5> <h6>
Jika ada H1 di halaman yang harus unik, Anda dapat memasukkannya ke dalam div yang ditata sebagai "header halaman".
<hv> <h1> Twitter Bootstrap <small> Kerangka kerja front-end intuitif </small> </h1> </div>
Ukuran font default bootstrap adalah 14px, tinggi garis adalah 1,428, jarak paragraf adalah 10px. Jika sebuah paragraf perlu lebih menarik, ada kelas 'timah'
Menggunakan kelas teks-*, Anda dapat dengan mudah mengatur penyelarasan teks horizontal
<p> teks yang disejajarkan.
Tag Format Teks di HTML dapat digunakan di Bootstrap
<p> <b> Ini adalah teks tebal </b> </p> <p> <big> Ini adalah teks besar </big> </p> <p> <code> Ini adalah kode komputer </code> </p> <p> <em> Ini ditekankan </em> </p> <p> <i> ini adalah teks ini </i> </em> </p> <p> Teks </mark> </p> <p> <small> Ini adalah teks kecil </small> </p> <p> <strong> ini sangat ditekankan teks </strong> </p> <p> Ini adalah <p> Subskrip </sub> ini dimasukkan ke dalam dokumen </Sup> <p> <p> <Inscript ini dimasukkan ke dalam dokumen </Sup> </p> <p> <Inscript ini dimasukkan ke dalam dokumen </Supscript </p> <p> <Inscript ini dimasukkan ke dalam dokumen </Supscript </p> <p> <Inscript ini dimasukkan ke dalam dokumen </Supscript </p> <p> <Inscript ini dimasukkan ke dalam dokumen </Supscript </p> <p> Dokumen </el> </p>
Kelas konversi format huruf dapat melakukan konversi yang diperlukan dengan baik:
<p> Rubah cokelat cepat melompat di atas anjing malas. </p> <p> Rubah cokelat cepat melompat di atas anjing malas. </p> <p> Rubah cokelat cepat melompat di atas anjing malas. </p>
Warna adalah cara yang ampuh untuk menyampaikan pentingnya konten, dan bootstrap menyediakan kelas penekanan teks yang nyaman:
<p> Disam: Teks ini berwarna abu -abu. </p> <p> Penting: Harap baca instruksi dengan cermat sebelum melanjutkan. </p> <p> Sukses: Pesan Anda telah berhasil dikirim. </p> <p> Catatan: Anda harus setuju dengan syarat dan ketentuan Anda.
Kutipan juga telah dimodifikasi:
<blockquote> <p> Dunia adalah tempat yang berbahaya untuk hidup; Bukan karena orang -orang yang jahat, tetapi karena orang -orang yang tidak melakukan apa -apa.
Kelas ini untuk referensi yang menyelaraskan kanan.
Di atas adalah pengetahuan yang relevan tentang tata letak Catatan Studi Bootstrap3 (ii) yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!