Jumat, 10 Maret 2017

Membuat Tabs Dan Pils pada Bootstrap

Tidak ada komentar


Membuat Navigasi Tabs Dan Pills Bootstrap

     Class Bootstrap ini adalah class bootstrap yang paling banyak digunakan dan sangat besar kegunaannya dalam membangun sebuah front-end yang moderen dan sangat menghemat waktu. Teman-teman dapat Membuat Navigasi Tabs Dan Pills dengan sangat cepat tentunya sangat menghemat waktu juga. Karena teman-teman hanya perlu menambahkan class yang di sediakan oleh bootstrap untuk membuat navigasi yang berbentuk tabs dan navigasi pills dengan bootstrap.

Membuat Menu Navigasi Tabs.

     Navigasi Tabs dibuat menggunakan class "nav-nav-tabs:. Class "nav" untuk mendefinisikan bahwa yang kita buat adalah navigasi dan "nav-tabs" digunakan untuk membuat navigasi dengan bentuk tab.
Contohnya di bawah ini :

  
Di bawah ini adalah hasil dari script di atas

 

Membuat dinamic tabs

 Di bawah adalah hasil dari script di atas

 


Membuat menu Navigasi Pills

     Untuk membuat navigasi pills tambahkan class "nav-nav-pills:.

<ul class="nav nav-pills">
Dan di bawah ini adalah contohnya :
Di bawah ini adalah hasil dari script di atas

Tidak ada komentar :

Posting Komentar