Cara Menjadikan Semua Huruf Menjadi Besar Semua pada 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...


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:

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


Jangan Lupa Share !!!

64
10 shares, 64 points

Apa Reaksimu ?

Bingung Bingung
7
Bingung
Kesal Kesal
5
Kesal
OMG OMG
7
OMG
Takut Takut
6
Takut
Keren Keren
4
Keren
Sedih Sedih
9
Sedih
Posciety Tech

Advanced Competent

Official Channel Posciety.Com yang menyuguhkan informasi dan updates seputar dunia teknologi. Dikelola oleh tim Posciety Tech.

0 Komentar

Pilih Format
Artikel
Default, Membuat Artikel/Cerita
List
Listicle, Misalnya: 3 Hal yang Wajib Dilakukan Saat...
Kuis Kepribadian
Membuat kuis Tentang Kepribadian
Poll
Vote untuk Membuat Keputusan atau Mencari Saran
Meme
Membuat Meme dari Gambar Normal yang Kamu Miliki