Bootstrap Responsive Tabs

By Invent Partners [http://inventpartners.com]

Bootstrap Responsive Tabs is a jQuery plugin which enables Bootstrap tab menus to work well in responsive layouts. When horizontal space is limited, the tab menu will display as many menu items as it can in tabs, and then collapse the remaining menu items into a drop down menu at the end of the tab list.

🚀 Now with Bootstrap 5 Support 🎉

Rebuilt in vanilla JavaScript (no jQuery dependency)

Compatible with Bootstrap 5

Mobile-friendly: When the screen is narrow, extra tabs are automatically moved into a drop down menu

LICENSE

Copyright 2016 Invent Partners http://www.inventpartners.com

Licensed under an MIT style license

http://www.inventpartners.com/mit-license

Demo

Check out the demos: Bootstrap 3 / Bootstrap 4 / Bootstrap 5.

Requirements

Bootstrap 3 or 4:

Bootstrap Responsive Tabs requires Bootstrap (CSS and JavaScript) and jQuery.

Bootstrap 5 (NEW):

Uses Bootstrap 5 and Vanilla JS. No jQuery required.

Please note that Bootstrap 4 users should use the files in the /bootstrap4 folder and Bootstrap 5 users should use the files in the /bootstrap5 folder.

Usage (Bootstrap 3 or 4)

$(function() {
    $('.nav-tabs').responsiveTabs();
});

More details here: [http://www.inventpartners.com/open-source/bootstrap-responsive-tabs]