Costume Navigasi Menu Bar Dengan Bootstrap Studio [ Bagian 2 ]

Salam Blogger,  jumpa lagi di tutorial bootsrap studio bagian 2. kali ini kita akan membuat navigasi bar pada bootsrap studio.

Bagi yang belum mempunyai bootsrap studio silahkan ke tutrial pertama. atau klik disni. saya angga temen temen sudah download ya, pertama buka bootstrap studio. pilih create new desain, sesuaikan seperti contoh gambar disamping.

Baca Juga : Membuat Tempalte Web Dengan Bootstrap [ Bagian 1 ]

di menu sebelah kiri kita ketikan [ nav ] pada kolom search, disini akan muncul dua nav, yang pertama Nav nya saja dan yang kedua Navigasi bar, untuk tutorial kali ini kita akan menggunakan Navigasi Bar. Caranya Klik and drag Navigasi bar kedalam area kerja bootstrap, lihat gambar di bawah 

Double klik menu bar yang akan kita rubah, kemudian disini kita akan menuliskan Free Wifi, Lihat gambar di bawah

kita akan melakukan beberapa perubahan disini, yang pertama kita akan memisahkan Logo Free Wifi dengan menunya berada di samping kanan, caranya klik pada menu First Menu, kemudian pada menu samping kanan akan muncul pilihan menu, kita pilih Nav, pada kolom Aligmenr kita pilih Right. lihat gambar di bawah 

Silahkan Edit menunya seperti langkah pertama, sehingga muncul menu login, voucher dan about, lihat ga,bar di bawah

 untuk sedikit mempercantik tampilan menunya, kita pilih Theme yang berada pada menu di atas, pilih salah satu kategori yang diinginkan kemudian ok. seperti gambar dibawah ini

ini salah satu tema yang saya pilih, silahkan dikreasikan sebisa mungkin/ sampaijumpa di bagian 3 nya ya, stay terus diblog kecil ini.