Cara Menjadikan Semua Huruf Menjadi Besar Semua pada Bootstrap

Uppercase

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 besar semua walaupun kamu menulisnya dicampur dengan huruf kecil.

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

ads by posciety

<h2>Pengaturan Teks Bootstrap - Posciety</h2>
<p>Ini adalah baris teks biasa tanpa class di dalama tag p</p>
<p class="text-uppercase">Ini adalah teks dalam tag p menggunakan class text-uppercase, walaupun tulisannya ada huruf kecil, otomatis akan menjadi besar semua</p>

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

gambar 1 - membuat tulisan bootstrap huruf besar semua

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