Bootstrap 5 SASS Theme

Bootstrap 5 SASS Theme

Go to Theme Homepage

Unique

Don't like that typical Bootstrap look? Each theme has a custom look-and-feel, while maximizing use of Bootstrap without extensive additional CSS & JS.

Button

Responsive

Based on mobile-first Bootstrap 4, all themes are 100% responsive and designed to look great on everything from smartphones to tablets to desktops..

Button

Consistent

Themes are crafted with care for design and performance. All themes are built on modern HTML5 & CSS3 standards to ensure consistency and cross-browser support.

Button
Text

Bootstrap 5 SASS book Template

You can easy change color, fonts and visual style within October CMS

Download Bootstrap 5 SASS book theme for free form October CMS website. You can test all the functionality on our website here: webbook.page

Card Outline

Themestr.app makes it easy to customize this, and other free Bootstrap 4 themes for your downloading pleasure.

Button

Scrollspy

The top NavBar utilizes Bootstrap's Scrollspy component. You'll notice when you scroll the page the "active" nav section is highlighted.

Read More

Modals

Modal's Toggle

Heading Font (secondary color)

Heading 6
Heading 5

Heading 4

Heading 3

Heading 2

Heading 1

Lead

Paragraph

Lorem, ipsum dolor sit amet consectetur, adipisicing elit. Sequi, nisi aliquam! Error pariatur laudantium harum autem voluptatem velit, et placeat! Consequatur officia, alias omnis modi quidem, ea esse mollitia quisquam.

badge

Display 4

Display 3

Display 2

Display 1

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
You must agree before submitting.

The rows & columns of the world famous Bootstrap grid speak for themselves.

6
6
5
7
4
8
3
9
2
10
1
11
Location Date Visits
Westfield 08.05.18 badge 2323
Galway 08.05.18 badge-pill 5362
Bern 08.05.18 153

Toasts

Offcanvas

Link with href
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Accordion

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Responsive visibility

xs
< 576px
sm
≥ 576px
md
≥ 768px
lg
≥ 992px
xl
≥ 1200px
xxl
≥ 1400px
d-block
d-none d-sm-block
d-none d-md-block
d-none d-lg-block
d-none d-xl-block
d-none d-xxl-block
d-none
d-sm-none
d-md-none
d-lg-none
d-xl-none
d-xxl-none
d-none d-sm-block
d-block d-sm-none d-md-block
d-block d-md-none d-lg-block
d-block d-lg-none d-xl-block
d-block d-xl-none d-xxl-block
d-block d-xxl-none
d-block d-sm-none
d-none d-sm-block d-md-none
d-none d-md-block d-lg-none
d-none d-lg-block d-xl-none
d-none d-xl-block d-xxl-none
d-none d-xxl-block