Pure CSS Adaptive Bootstrap Tabs

A pure CSS solution for mobile-friendly bootstrap tabs component that makes all extra tabs available through dropdown “More tabs” if there is no room for them.

How to use it:

Include the bootstrap-adaptive-tabs.css in the head section of your web page.

<link href="bootstrap-adaptive-tabs.css" rel="stylesheet">

Add the CSS class bs-adaptive-tabs to your Bootstrap Tabs’ tabbed navigation.

<ul role="tablist" class="nav nav-tabs bs-adaptive-tabs" id="myTab">

Changelog:

07/03/2017

• Fixed:after Resizing to less than 768px the tabs are not selecteable