- English
- USD

## Tabs

### Basic Tabs

### First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Color Tabs

Add class `.primary-tab` to `.nav-tabs`

### First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class `.success-tab` to `.nav-tabs`

### First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class `.info-tab` to `.nav-tabs`

### First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class `.warning-tab` to `.nav-tabs`

### First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class `.danger-tab` to `.nav-tabs`

### First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class `.inverse-tab` to `.nav-tabs`

### First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

### Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.