Cara Membuat Huruf Menjadi Kecil Semua di Bootstrap

0

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:

ads by posciety

<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.

Artikel Lainnya
Berikan Komentar

Website ini menggunakan cookie untuk pengalaman yang lebih baik Setuju & Tutup Selengkapnya