Cara Membuat Huruf Menjadi Kecil Semua di Bootstrap

Ketika membuat sebuah layout website menggunakan framework Bootstrap, semuanya terasa lebih mudah. Ini terbukti ketika kita mengikuti post sebelumnya tentang membuat website menggunakan Bootstrap.

Tidak hanya responsive, untuk membuat gaya / bentuk tulisan didalamnya juga menjadi lebih mudah. Misalnya membuat semua tulisan pada suatu tag menjadi huruf kecil semua walaupun kamu menulisnya dicampur dengan huruf besar.

Untuk menjadikan semua teks menjadi huruf besar semua pada Bootstrap cukup gunakan class text-lowercase pada tag bersangkutan, contohnya seperti ini:

<h2>Lowercase Bootstrap - Posciety</h2>
<p class="text-lowercase">Ini adalah baris TULISAN MENGGUNAKAN class text-lowercase</p>    
<p>Ini adalah Baris Tulisan Tanpa Menggunakan class</p>

Contoh di atas menggunakan tag p, kamu dapat menggunakannya di tag tulisan apapun yang diinignkan.

gambar 1 - menggunakan lowercase untuk huruf kecil semua di bootstrap

Simpan dan lihat hasilnya ! Fonts apapun yang digunakan tidak akan mempengaruhi, selama menggunakan class ini secara otomatis akan dijadikan huruf besar.

tunggu sebentar...
POS Lainnya:

Tinggalkan Komentar

avatar

Situs ini menggunakan Cookie untuk meningkatkan pengalaman setiap pengunjung SETUJU & TUTUP Lihat Privasi