Pure CSS Adaptive Bootstrap Tabs

Category: CSS & CSS3 , Layout | July 3, 2017
1 Comment
Demo Download
Author:mladenplavsic
Views Total:4,078 views
Official Page:Go to website
Last Update:July 3, 2017
License:MIT

Preview:

Pure CSS Adaptive Bootstrap Tabs

Description:

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

See Also:

You Might Be Interested In:

One thought on “Pure CSS Adaptive Bootstrap Tabs”

  1. Mohan

    Hi mladenplavsic,
    Is there an updated version for this code using the latest bootstrap like 4.3.1?
    Thanks.

    Reply ↓

Leave a Reply