Style 1 · Bootstrap

Components

Buttons, forms, navigation, tables and feedback in the Bootstrap style.

View components

Project status Operational

Your dashboard is ready

A compact card with a progress bar and supporting metadata.

72%

12 of 17 tasksUpdated just now

Common components

Cards, alerts, badges, buttons, lists, and tables in one responsive layout.

Heads up! This alert is ready for useful status messages.

Theme palette

Bootstrap semantic colours from the active theme.

8 roles

Primaryprimary

Secondarysecondary

Successsuccess

Infoinfo

Warningwarning

Dangerdanger

Lightlight

Darkdark

Fast to build

Compose consistent interfaces using Bootstrap's utility classes.

Try a form

Responsive by default

The grid adapts cleanly from mobile screens to wide displays.

Mobile friendly

Easy to customise

Pair components with your own colours, spacing, and brand styles.

Recent activity

New account created 1
Profile completed Done
Team invitation pending Review

Team members3 members

Name	Role	Status
Alex Morgan	Administrator	Active
Jamie Lee	Editor	Active
Sam Taylor	Viewer	Offline

Dropdowns and menus

Standard, split, and directional dropdown patterns using Bootstrap's JavaScript.

Form controls

A broad set of native form controls, grouped with accessible labels and Bootstrap feedback styles.

Full name

Email address

We'll never share your email.

Password

Website

Quantity

Start date

Start time

Topic

Skills

Favourite browser

Message

Confidence75%

Accent colour

Attachment

Send me occasional updates

Notification method

SMS

Preferences

Accept terms

Disabled option

Validation example

Please provide a valid value.

Frequently asked questions

This example includes a selection of standard Bootstrap layout, navigation, feedback, content, and form components.

Yes. Replace the sample content with your own page data and keep the component structure that suits your project.