Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Bootstrap Tabs X screenshot

Bootstrap Tabs X

Author Avatar Theme by Kartik v
Updated: 21 Sep 2021
101 Stars

Bootstrap tabs supercharged with various alignment and styling options

Github Live Preview

Overview

The Bootstrap Tabs X plugin is an enhanced version of the core Bootstrap Tabs plugin that offers additional features such as aligning tabs in multiple ways, adding borders, loading tab content via ajax, and various CSS3 styling enhancements. This plugin is compatible with Bootstrap library releases from v3.x to v5.x and requires Bootstrap tabs.js and JQuery.

Features

  • Supports Bootstrap library releases from v5.x, v4.x, and v3.x
  • Allows various tab opening directions: above, below, right, and left
  • Enables boxing tab content in a new bordered style
  • Ability to align tab content to the left, center, or right of the parent container/page
  • Features rotated sideways tab header orientation for right and left tab directions
  • Option to load tab content via ajax call
  • Enhanced as an extended JQuery plugin with function $fn.tabsX

Installation

Using Bower

bower install bootstrap-tabs-x

Using Composer

composer require kartik-v/bootstrap-tabs-x

Manual Install

Download the source ZIP or TAR ball from the repository and extract the plugin assets (css and js folders) into your project.

Summary

The Bootstrap Tabs X plugin enhances the functionality of core Bootstrap Tabs by providing additional features for tab alignments, borders, content loading via ajax, and CSS3 styling enhancements. It offers compatibility with Bootstrap versions from 3.x to 5.x and requires Bootstrap tabs.js and JQuery for operation. Installation can be done via Bower, Composer, or manual extraction of the source files. This plugin is a valuable addition for those looking to customize and enhance their tab functionalities in Bootstrap-based projects.