jQuery Plugin For Responsive Bootstrap Tabs and Pills

File Size: 5.03 KB
Views Total: 5504
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Responsive Bootstrap Tabs and Pills

Bootstrap Dynamic Tabs is a jQuery plugin used to create responsive, mobile-friendly Bootstrap navs and pills that automatically collapses your overflowing items into a dropdown when the screen size gets smaller.

How to use it:

1. Include the jQuery Bootstrap Dynamic Tabs plugin's JavaScript and CSS files in your Bootstrap project.

<link rel="stylesheet" href="bootstrap-dynamic-tabs.css">
<script src="bootstrap-dynamic-tabs.js"></script>

2. Just call the bootstrapDynamicTabs() method on the desired Bootstrap tabs or pills component and we're done.

$("#mytabs").bootstrapDynamicTabs();

Change log:

2016-12-07

  • bugfixes

2016-10-02

2016-01-07

  • now you can call $("#mytabs").bootstrapDynamicTabs(); when you need to refresh the object. For example you you add or remove pages.

This awesome jQuery plugin is developed by kattunga. For more Advanced Usages, please check the demo page or visit the official website.