Tutorial Series

Tutorial Dasar Bootstrap 3 - Membuat Navbar Bootstrap 3

f190c95b6f3467ceb2ffd24cc130e1d0

Hai semuanya....

Di Tutorial Series lanjutan kali ini kita akan belajar cara membuat Navbar dengan Twitter Bootstrap 3. Di Bootstrap kita bisa menggunakan banyak sekali komponen-komponen yang sangat lazim digunakan dalam dunia web development terutama pada User Interface.

Kita mulai pembatan navbar.

  1. Silahkan download bootstrap di github
  2. Buat folder misalkan dengan nama bootstrap, kemudian ekstrak bootstrap (css, js, fonts) ke folder bootstrap
  3. Buat file index.html kemudian masukan kode berikut
  4. See the Pen AXVkpP by Maful P Arnandi (@maful) on CodePen.


DI atas adalah Navbar default dari bootstrap, teman-teman bisa belajar lebih lanjut tentang navbar di dokumentasi resmi dari bootstrap di http://getbootstrap.com/components/#navbar-default

Terima kasih teman-teman semoga bermanfaat dan selamat berjuang.
Salam BoDes