Pembahasan sebelumnya kita sudah membahas tentang text alignment, text wrapping & overflow dan text transform. Nah untuk di pembahasan tentang Cara Memanfaatkan Class Text Pada Bootstrap4 Part2 saya akan melanjutkan pembahasan di part 1 yaitu membahas tentang Font Weight & italic dan Monospace.

Cara Memanfaatkan Class Text Pada Bootstrap4 Part2 ini yang akan saya bahas pertama adalah Font Weight dan Italic. Class yang di sediakan oleh bootstrap4 tentang font weight dan italic diantaranya sebagai berikut ini.

  • .font-weight-bold berfungsi untuk memberikan efek bold atau tebal pada sebuah tulisan
  • .font-weight-normal berfungsi untuk menghilangkan efek bold atau tebal pada sebuah tulisan
  • .font-weight-light berfungsi untuk memberikan efek lebih ramping atau tipis pada sebuah tulisan
  • .font-italic bergungsi untuk memberikan efek dengan gaya miring pada sebuah tulisan

Dan berikut ini adalah contoh dari implementasi class font weight dan italic.

Dan tampilannya akan seperti pada gambar di bawah ini.

Cara Memanfaatkan Class Text Pada Bootstrap4 Part2

Dan pembahasan selanjutnya saya akan membahas tentang Monospace pada class text yang disediakan oleh bootstrap 4. Monospace ini adalah sebuah jenis atau gaya tulisan atau huruf yang disediakan oleh bootstrap dengan spasi yang lebih lebar dan gabungan dari beberapa jenis huruf diantaranya SFMono-Regular, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace;  Berikut ini adalah contoh penulisannya.

Jika kita lihat di browser maka tampilannya seperti gambar di bawah ini.

Cara Memanfaatkan Class Text Pada Bootstrap4 Part2

Oke teman-teman, kita sudah selesai membahas tentang semua class text yang disediakan di bootstrap 4. Nah tinggal teman-teman implementasikan saja di pembuatan website teman-teman. Karena ini sangat bermanfaat sekali dan membuat custom css kita sedikit.  Buat teman-teman yang mau explore tentang class apa saja yang disediakan oleh bootstrap 4. Silahkan kunjungi di website resmi bootstrapnya di getbootstrap.com dan disana teman-teman bisa pelajari lebih lanjut.

Demikian artikel tentang Cara Memanfaatkan Class Text Pada Bootstrap4 Part2. Semoga artikel ini dapat  bermanfaat dan selamat mencoba.