Breadcrumb
Default Badges
Create navigational links with Bootstrap's .breadcrumb
component. Use <nav>
and <ol class="breadcrumb">
to display a breadcrumb trail, indicating the current page's location.
Breadcrumb with line icon
Use the custom .breadcrumb-line
class to display breadcrumbs with custom Remix Icons. Apply it to the <ol class="breadcrumb">
to enhance the breadcrumb trail with icons.
Breadcrumb with arrow icon
Use the custom .breadcrumb-arrow
class to create breadcrumb trails with arrow-shaped separators using Remix Icons. Apply it to the <ol class="breadcrumb">
for a stylish, icon-based navigation.
Breadcrumb with double arrow icon
Use the custom .breadcrumb-double-arrow
class to create breadcrumb trails with double arrow separators using Remix Icons. Apply it to the <ol class="breadcrumb">
for a unique and visually distinct navigation style.
Colored Breadcrumb
Create colorful breadcrumb trails by applying Bootstrap utility classes like .bg-primary
or .text-light
to the <nav>
or <ol class="breadcrumb">
. This adds vibrant backgrounds or text colors to your breadcrumb.