Budayakan Berbagi: DAFTAR KOMPONEN BOOTSTRAP

Bootstrap | Daftar Komponen Bootstrap - Budayakan Berbagi

Selamat datang buat teman-teman yang tlah mampir di blog ini dan terima kasih. jadi ini merupakan artikel terbaru setelah sebelumnya selama 3 minggu tidak buat artikel, maklum urus tugasyang lagi numpuk. Okey, kita langsung saja ke pembahasan.

Di dalam bootstrap terdapat 3 komponen yang dapat kita gunakan untuk mendesain halaman, yaitu komponen CSS, komponen dasar (Base Component), dan javascript.

Komponen Css

Komponen css berisi pengaturan global CSS, elemen dasar HTML yang telah diberi style, dan grid system 12 kolom yang dapat anda gunakan sebagai perangkat bantu untuk merancang layout. Berikut adalah komponen-komponen CSS yang terdapat pada framework Bootstrap :

Grid System
Sepertiyang telah kita bahas pada artikel sebelumnya, Grid system berfungsi untuk membuat layout halaman melalui serangkaian baris dan kolom. Pada bootstrap, grid system yang digunakan adalah 12 kolom.

Tipografi
Berisi pengaturan dan style font seperti heading, bold, italic, dan lain sebagainya.

Tabel
Dengan kompnen tabel yang telah diberi style oleh bootstrap, menjadikan data yang ditampilkan lebih menarik.

Baca juga artikel lainnya :

Form
Anda tidak perlu lagi mengatur style pada elemen form, karena bootstrap telah menyediakan form yang telah diberi style.

Button
Dengan berbagai warna dan ukuran, menjadikan user senang berinteraksi dengan website anda. Warna akan membuat pengunjung tidak cepat bosan.

Images
Merupakan gambar dengan beberapa pilihan bentuk bingkai.

Komponen Dasar

Bootstrap juga menyediakan komponen-komponen dasar yang asli dan khas framework Bootstrap. Tampilan khas ala Twitter dari Bootstrap akan menambah nilai seni pada tampilan situs anda. Berikut adalah komponen-komponenn dasar yang tersedia di dalam framework bootstrap :

Glyphicon
Dropdown
Button Group
Button Dropdown
Input Group
Navs
Navbar
Breadcrumbs
Pagination
Label
Badge
Jumbroton
Page Header
Thumbnails
Alerts
Progress Bar
Panels
Responsive Embed

Komponen Javascript

Selain komponen CSS dan komponen dasar, Bootstrap juga menyediakan banyak pilihan plugin jQuery yang dapat memberikan efek animasi pada komponen Bootstrap. Hal ini akan membuat website anda menjadi lebih hidup. Komponen javascript pada Bootstrap sebagai berikut :

Transitions
Modal
Dropdown
Scrollspy
Tab
Tooltip
Popover
Alert
Button
Collapse
Carousel
Affix

Setelah mengetahui komponen apa saja yang terdapat pada bootstrap, kita mengharapkan mampu memahami dari setiap pemanggilan komponen tersebut. Sehingga jika kita ingin melakukan suatu modifikasi terhadap suatu tampilan, maka kita harus mengubah script didalam komponen tersebut.

Artikel Terkait :

Sekian dan semoga Bermanfaat ...