Bootstrap 5.3
Navigation
Nav components, tabs, breadcrumbs, and pagination
Nav
Flexible navigation components with horizontal and vertical layouts:
Basic Nav
Pills
Fill (Equal Width)
Vertical Nav
Tabs
Tabbed navigation with content panels:
Basic Tabs
Welcome to the home tab. This is the default active tab content.
This is the profile tab content. View and edit your profile settings here.
Check your messages in this tab. You have no new messages.
Pill Tabs
Project overview with key metrics and recent activity.
Manage your tasks and track progress on current sprint items.
View team members, roles, and collaboration settings.
Breadcrumbs
Navigation breadcrumbs showing the current page's location:
Default Separator
Custom Separator (>)
Arrow Separator
Pagination
Page navigation for multi-page content:
Basic (Page 3 of 10)
With First & Last Buttons
Sizes
← Back to Bootstrap Components
Explore all 10 component categories