Helper Classes Pada Bootstrap

04/02/2015    Faizal Rafik    6530    Website

Hallo teman-teman DUMET School, pada tutorial saya kali ini saya akan menjelaskan macam-macam Helper Classes yang ada pada Bootstrap, sekaligus saya akan menjelaskan fungsi dari masing-masing Helper Classes tersebut. Fungsi dari Helper Classes sendiri adalah untuk membarikan style yang berbeda atau menambahkan fungsi tambahan pada setiap elemen HTML. Di dalam Bootstrap Helper Classes terdapat banyak macamnya seperti, Close icon, Carets, Quick Floats, Background Content, Color Font, dan masih banyak lagi. Baiklah kita langsung masuk ke Helper Classes yang pertama.

Close Icon

Fungsi dari Helper Classes close icon adalah untuk membuat icon close. Contohnya seperti gambar di bawah ini.

Caret

Fungsi dari Helper Classes Caret adalah untuk membuat bentuk segitiga ke bawah.

Quick Floats

Fungsi Quick Floats adalah untuk membuat sebuah objek berada di sebelah kiri atau kanan.

Center Content Block

Fungsi dari Center Content Block adalah untuk membuat sebuah elemen berada di tengah layar.

Contextual Colors

Fungsi dari Contextual Colors adalah untuk menyampaikan pesan atau peringatan melalui teks yang berwarna. Di dalam Contextual Colors terdapat 6 class yaitu, .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger.

Contextual Background

Fungsi dari Contextual Background sama dengan fungsi Contextual Colors, cuman yang memebedakan adalah Contextual colors untuk warna text atau paragraf nya sedangkan Contextual Background untuk warna latar belakang text atau paragraf.

Clearfix

Fungsi dari Clearfix adalah untuk menghapus efek float pada setiap elemen.

Show and Hidden Content

Fungsi dari Show and Hidden Content adalah untuk memaksa sebuah content untuk di tampilkan atau di sembunyikan.

Nah itulah fungsi dari Helper Classes yang ada pada Bootstrap. Sekian dulu tutorial dari saya, semoga tutorial ini bermanfaat untuk teman-teman semuanya. Terima Kasih.

No data.