Membuat jQuery Tabs Dengan Bootstrap

15/04/2016    Agustinus    2760    Website

Baik teman-teman DUMET School, pada tutorial saya kali ini saya akan mengajarkan bagaimana caranya membuat jQuery Tabs dengan Bootstrap. Tabs adalah sebuah navigasi yang powerfull yang dapat di gunakan pada website yang memiliki banyak isi content, dengan menggunakan tabs kita dapat memisahkan beberapa isi content dengan begitu mudah tanpa harus beralih ke halaman lainnya dan navigasi tabs ini di tandai dengan panel navigasi di atasnya. Nah dengan Bootstrap kita dapat membuat jQuery Tabs dengan mudah karena di Bootstrap sendiri sudah disediakan script jQuery untuk membuat navigasi Tabs ini. Baik untuk membuatnya kalian bisa ikuti langkah-langkah nya di bawah ini.

Pertama kalian bisa download terlebih dahulu Framework CSS Bootstrap nya, jika sudah kalian download, kalian bisa buat satu file dengan nama index.html, dan hubungkan file CSS dan jQuery dari file Bootstrap yang tadi sudah kalian download seperti di bawah ini.

Kemudian kalian bisa buka website getbootstrap.com, setelah terbuka website Bootstrapnya kalian bisa pergi ke menu Javascript dan pada pilihan sebelah kanannya pilihan Tab, kemudian kalian bisa copy seluruh baris program tersebut ke file index.html kalian seperti berikut.

Dan hasilnya nanti seperti berikut.

Sangat mudah bukan teman-teman, sekian dulu tutorial dari saya sampai ketemu di tutorial saya berikutnya ya teman-teman. Terima Kasih.

No data.