Assalamu’alaikum…

Hai sobat… kali ini saya akan memberi tau, apa sih yang ada pada bootstrap itu terus komponennya apa saja. pada kesempatan ini saya akan menjelaskan komponen dari bootstrap
ada beberapa komponen yang ada pada bootstrap. Yuk kita simak sama sama…

Pengertian
      Komponen pada Bootstrap itu terdapat 3 komponen yang dapat kita gunakan untuk mendesain halaman, yaitu komponen CSS, komponen dasar (Base Component) dan Javascript.

Latar Belakang
                                                      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
    berfungsi untuk membuat layout halaman melalui serangkaian baris dan kolom.
  • Tipografi
    berisi pengaturan dan style font seperti heading, bold, italic, dll.
  • Tabel
    Dengan kompnen tabel yang telah diberi style oleh bootstrap, menjadikan data yang ditampilkan lebih menarik.
  • Form
    tidak perlu mengatur style pada form, karena bootstrap sudah menyediakan form yang telah diberi style.
  • Button
    sebuah kotak yang berguna untuk masuk pada saat di klik, dengan berbagai warna dan ukuran menjadikan user senang dengan website kalian. Warna akan membuat pengunjung tidak cepat bosan.
  • Image
    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 kalian. Berikut adalah komponen-komponenn dasar yang tersedia di dalam framework bootstrap :
  • Glyphicon
    Glyphicons adalah perpustakaan ikon monokromatik yang tersedia dalam format gambar raster, format gambar vektor, dan font. Bagian dasar perpustakaan disertakan dengan Twitter Bootstrap. Secara tradisional gambar seperti ikon ditempatkan pada halaman web melalui <img src="myimage.png /> . Jika halaman web memiliki ratusan gambar berbeda, akan ada ratusan permintaan dari server web untuk memuatnya.
  • Dropdown
    adalah elemen kontrol grafis , mirip dengan kotak daftar , yang memungkinkan pengguna untuk memilih satu nilai dari daftar Bila daftar drop-down tidak aktif, ini akan menampilkan satu nilai. Bila diaktifkan, ini akan menampilkan (turunkan) daftar nilai, dari mana pengguna dapat memilihnya. Saat pengguna memilih nilai baru, kontrol akan beralih ke keadaan tidak aktifnya, menampilkan nilai yang dipilih.
  • Button Group
    Button Group adalah satu dari tiga item dari OpenComputers yang digunakan untuk membuat Keyboard , bersamaan dengan Arrow Keys dan Numeric Keypad .
  • Button Dropdown
  • Input Group
  • Navs
  • Navbar
  • Breadcrumbs
  • Pagination
  • Label
  • Badge
  • Jumbroton
  • Page Header
  • Thumbnails
  • Alerts
  • Progress Bar
  • Panels
  • Responsive Embed
Maksud dan Tujuan
  • mengenal komponen yang ada pada bootstrap
  • mengerti penjelasan dari setiap komponen yang ada.
  • Dapat mempraktikkan
Alat dan Bahan
  1. Laptop
  2. File Items
  3. Text Editor
Kesimpulan
“ jadi pada Bootstrap itu terdapat beberapa komponen dimana setiap komponen satu dengan yang lainya itu pasti berbeda, selain terdapat beberapa komponen bootstrap juga sudah menyediakan style atau class yang dapat langsung di panggil jika progran di eksekusi.

Referensi