{{> header}} {{> navbar}} {{> breadcrumb pageTitle="Tabs" breadcrumbIcon="fa-solid fa-cube"}}

## Basic Tabs

Add quick, dynamic tab functionality to transition through panes of local content.

Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus.

In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.

Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst.

Praesent ac the massa at ligula laoreet iaculis. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.

Nam eget dui. In ac felis quis tortor malesuadan of pretium. In hac habitasse platea dictumst.

## Tabs Right Aligned

Simply include the class `.justify-content-end` to align the tab header to right side.

Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.

In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent.

Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus.

Class aptent taciti sociosqu ad litora torquent per conubia nostra.

Praesent ac the massa at ligula laoreet iaculis. Duis arcu tortor, suscipit eget.

Nam eget dui. In ac felis quis tortor malesuadan of pretium.

{{> footer}}