HubSpot Bootstrap 5 Theme Modules

Table of Contents

Alerts

Change the set colors in the theme settings.

Buttons

Change the set colors in the theme settings. Disabled options are also available, and buttons can be grouped horizontally or vertically.

Cards

Any component can be disabled (header, image, icon in title, title, subtitle, content, list group, button, or footer). The number of cards in a row can also be changed from 1-4.

Carousel

Carousel controls and captions can be disabled, the slides can be set to fade instead of slide, the interval can be changed, swipe can be disabled, and a dark variant can be used.

Images

Choose between a responsive or thumbnail image.

Modal

Click the buttons below to view different modal formats.

Navbar

Decide whether to display the logo only, text only, or both logo and text; change the background and font colors; realign the links and change their display format (tabs or pills); hide or display a site search field; display a primary or secondary button, or both or neither; and more!

Offcanvas

Choose the placement, whether the body is scrollable, and whether or not to disable the backdrop on these hidden sidebars.

Tables

Make the table striped, change the color, make it hoverable, add or remove borders, make the rows shorter, and/or make it responsive (enable horizontal scrolling).