Cara Membuat Huruf Menjadi Kecil Semua di 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...


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.


Jangan Lupa Share !!!

53
9 shares, 53 points

Apa Reaksimu ?

Bingung Bingung
5
Bingung
Kesal Kesal
3
Kesal
OMG OMG
5
OMG
Takut Takut
4
Takut
Keren Keren
2
Keren
Sedih Sedih
7
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