#bootstrap tabs

[arkylus]

Bootstrap Vertical Tabs

Vertical tabs component for Bootstrap 3

https://github.com/dbtek/bootstrap-vertical-tabs

http://dbtek.github.io/bootstrap-vertical-tabs/demo.html

View On WordPress

[latestjqueryplugins-blog]

Tabcordion.js – Transforms Bootstrap tabs into Accordion Tabcordion.js is a simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion.

[latestjqueryplugins-blog]

TabbedContent – jQuery Tabs Plugin Compatible with Bootstrap TabbedContent is a lightweight tabs plugin that uses the HTML5 history API to add your tab navigation to your browser's history.

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/bootstrap-responsive-tabs/

Bootstrap Responsive Tabs

Download   Demo

Bootstrap Responsive Tabs is a jQuery plugin to make Bootstrap tabs more responsive and mobile friendly.

Requirements

Bootstrap: 3+

jQuery: 1.9+

1. INCLUDE CSS AND JS FILES

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> <link href="main.css" rel="stylesheet"> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <script src="../dist/bootstrap-responsive-tabs.js"></script>

2. HTML

<ul class="nav nav-tabs js-tabs-example"> <li class="active"><a href="#tab1" data-toggle="tab">Tab1</a></li> <li><a href="#tab2" data-toggle="tab">Tab2</a></li> <li><a href="#tab3" data-toggle="tab">Tab3</a></li> <li><a href="#tab4" data-toggle="tab">Tab4</a></li> <li><a href="#tab5" data-toggle="tab">Tab5</a></li> </ul>

3. JAVASCRIPT

$("#js-tabs-example").bootstrap-responsive-tabs( minTabWidth: "100", maxTabWidth: "200" );

4. OPTIONS

minTabWidth: The minimum width of each tab.

maxTabWidth: The maximum width of each tab.