Tutorial Bootstrap

HTML Dasar untuk Pemula

  • Pengenalan Bootstrap

    Bootstrap dirancang untuk memaksimalkan user experience pada bagian front end. Bootstrap sendiri terdiri dari komponen CSS, HTML dan Javascript.

  • Cara Menggunakan Bootstrap

    Untuk memulai menggunakan bootstrap kita dapat memakai dua cara yang pertama include dari CDN (Content Delivery Network) dan yang kedua kita download langsung bootstrapnya.

  • Membuat Layout

    Layout merupakan bagian penting dalam mendesain tampilan sebuah web. Ibarat membangun rumah layout adalah kerangka dari rancangan rumah yang ingin dibuat.

  • Membuat Tabel

    Bootstrap menyediakan fasilitas untuk membuat tampilan tabel menjadi lebih bagus. Kita dapat mengatur seperti header tabel, membuat efek hover ketika cursor mouse melewati rows (baris) tabel dan lain-lain.

  • Menampilkan Gambar

    Terdapat 3 Bentuk gambar yang bisa dibuat menggunakan Bootstrap yaitu; rounded,circle dan thumbnail.

  • Membuat Tombol (Button)

    Bootstrap menyediakan berbagai macam jenis tombol yang dapat kita gunakan. Misalnya tombol primary, default, info,warning, danger dan lainnya.

  • Formulir (Form)

    Pada topik ini kita akan belajar membuat form yang dikombonikasikan dengan Bootstrap sehingga tampilannya lebih menarik.