Membuat Tulisan Berada Di Tengah Pada Bootstrap, Gak Pake Ribet !

Membuat huruf di tengah di HTML bukanlah hal yang sulit, apa lagi jika menggunakan framework seperti Bootstrap. Sudah disediakan nama class yang dapat digunakan, nantinya text pada bagian class tersebut akan secara otomatis berposisi di tengah.

Langsung saja, untuk membuat tulisan di tengah pada Bootstrap cukup gunakan class=”text-center” maka secara otomatis tulisan tersebut akan jajar tengah. Contoh:

<h2>Jajar Text Bootstrap - Posciety</h2>
<p>Ini adalah tulisan yang dibuat tanpa text-center sehingga tulisan akan seperti biasa.</p>     
<p class="text-center">Ini adalah baris tulisan menggunakan text-center.</p>
<p>Ini adalah tulisan yang dibuat tanpa text-center sehingga tulisan akan seperti biasa.</p>

Hasil dari code tersebut akan tampak seperti ini:

gambar 1 - membuat tulisan di tengah bootstrap

Karena ini milik Bootstrap, ini sudah pasti responsive. Cobalah untuk merubah ukuran perangkat untuk melihat bahwa tulisan ini responsive, ini sudah disesuaikan oleh Bootstrap sendiri.

Jika terbiasa menulis di editor seperti Micorosfot Word, WordPress, Blogspot, dsb, sangat mudah untuk membuat tulisan jajar tengah hanya dengan menekan ikon text jajar tengah saja. Jika sedang membangun sebuah editor dengan Bootstrap, manfaatkanlah class ini untuk membuat sistem jajar tengah seperti yang dilakukan text editor di atas.

Selamat mencoba !

Loading...

Lihat Post Lainnya:
Komentar
Memuat...

Situs ini menggunakan Cookie untuk meningkatkan pengalaman setiap pengunjung SIP LAHLihat Privasi