Navigasi bar Pada bootstrap

Assalamualaikum

perhatikan pada contoh di atas, di sini akan di jelaskan sedikit masing-masing kegunaan dari class-class yang dalam membuat navigation bar bootstrap. dapat di lihat pada contoh di atas untuk membuat menu navigation bootstrap gunakan class

1	<nav class="navbar navbar-default">

class “navbar-default” di gunakan untuk membuat navigation bar dengan model standart. anda bisa menggantinya dengan “navbar-inverse” untuk membuat menu navigation bar bootstrap dengan model gelap. kemudian

1	<div class="container-fluid">

di gunakan untuk membuat sisi menu navigation penuh atau full. anda bisa menggantinya menjadi

1	<div class="container">

untuk membuat sisi menu navigation bar tidak penuh atau full width. dan class

1 2 3

<div class="navbar-header"> <a class="navbar-brand" href="http://www.wepsetindo.blogspot.co.id">wepsetindo</a> </div>

di gunakan untuk membuat bagian header dari menu navigation bootstrap. “navbar-header” untuk mendefinisikan bagian header menu navigation. dan “navbar-brand” di gunakan untuk mendefinisikan judul website.

1 2 3 4 5 6

<ul class="nav navbar-nav"> <li class="active"><a href="http://www.wepsetindo.blogspot.co.id">Home</a></li> <li><a href="#">Profil</a></li> <li><a href="#">Tentang Kami</a></li> <li><a href="#">Kontak</a></li> </ul>

class di atas untuk membuat link menu navigation. dan

1 2 3 4

<ul class="nav navbar-nav navbar-right">         <li><a href="#"><span class="glyphicon glyphicon-user"></span> Daftar</a></li>         <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> </ul>

class di atas di gunakan untuk membuat link menu yang terletak pada bagian sebelah kanan dari menu navigation bar bootstrap.