Boomla UI kit
Full-width blocks
Text Gallery Features Testimonials Team Pricing Call to action Alert Contact form F.A.Q. Info header Breadcrumbs Footer
Elements
Top menu Left menu Subpage list Breadcrumbs Button Button group Image shaper rectangle Image shaper circle Feature Gallery Slideshow Testimonial v1 Testimonial v2 Icon Social icon group Text Display text List Contact form Subscribe Call request Alert Separator F.A.Q. (accordion) Tabs File attachments Anchor Metadata Google Analytics Powered by Boomla
Layouts
Grid Space Horizontal container Hero layout Paper Paper 2 Group Responsive show/hide Background Card Scroll container Page layout 1

Breadcrumbs

The breadcrumbs element shows the path from the root page to the current page as clickable links, so that you know where you are and you can easily go up in the hierarchy.

Note that only pages are included in that list and only if they have a non-empty title.

 

Boomla UI kit
/
Elements
/
Breadcrumbs

Separator character

 

Boomla UI kit
/
Elements
/
Breadcrumbs
Boomla UI kit
|
Elements
|
Breadcrumbs
Boomla UI kit
-
Elements
-
Breadcrumbs
Boomla UI kit
—
Elements
—
Breadcrumbs
Boomla UI kit
>
Elements
>
Breadcrumbs
Boomla UI kit
>>
Elements
>>
Breadcrumbs

Colors

 

Boomla UI kit
/
Elements
/
Breadcrumbs
Boomla UI kit
/
Elements
/
Breadcrumbs
Boomla UI kit
/
Elements
/
Breadcrumbs

Underline

 

Always underline:

Boomla UI kit
/
Elements
/
Breadcrumbs

Underline on hover:

Boomla UI kit
/
Elements
/
Breadcrumbs

Do not underline ever:

Boomla UI kit
/
Elements
/
Breadcrumbs

Horizontal align

 

Boomla UI kit
-
Elements
-
Breadcrumbs
Boomla UI kit
-
Elements
-
Breadcrumbs
Boomla UI kit
-
Elements
-
Breadcrumbs

Separator spacing

 

Boomla UI kit
/
Elements
/
Breadcrumbs
Boomla UI kit
/
Elements
/
Breadcrumbs
Boomla UI kit
/
Elements
/
Breadcrumbs

Margins

The breadcrumbs element is wrapped in a gray background element so that its size will become visible. It is NOT part of the breadcrumbs element itself.

 

Boomla UI kit
/
Elements
/
Breadcrumbs
Boomla UI kit
/
Elements
/
Breadcrumbs
Boomla UI kit
/
Elements
/
Breadcrumbs