Kimoun Bootstrap Styleguide
This page is a visual reference used to verify Bootstrap component rendering with the Kimoun theme.
Typography
Heading h1
Heading h2
Heading h3
Heading h4
Standard text with a link, bold text, italic text, highlighted text, and small text.
A test quote used to validate editorial content styles.
Bootstrap Grid
`col-12 col-md-8`
`col-12 col-md-4`
`col-6 col-lg-3`
`col-6 col-lg-3`
`col-6 col-lg-3`
`col-6 col-lg-3`
Colors & Badges
primary
secondary
success
info
warning
danger
light
dark
Primary block
Secondary block
Light block
Navbar
Buttons
Alerts
Primary alert
Secondary alert
Success alert
Info alert
Warning alert
Danger alert
Images, Figure & Ratio
Cards
Header
Card with header
Variation used to validate borders and structure.
Dark card
High-contrast version used for dark/foreground testing.
Utilities
`shadow-sm`
`border-primary`
`text-bg-primary`
`opacity-75`
Uppercase text |
Italic text |
Underlined text
Visible on mobile (`d-md-none`)
Visible on desktop (`d-none d-md-inline-block`)
List Group
- Active item
- Normal item
- Normal item
- Disabled item
Accordion
Content for item 1.
Content for item 2.
Nav Tabs & Pills
Home content
Profile content
Contact content
Forms
Tables
| # | Service | Status | Priority |
|---|---|---|---|
| 1 | Brochure website | Active | High |
| 2 | Hosting | In progress | Medium |
| 3 | Support | Scheduled | Low |
Progress & Spinners
Loading...
Loading...
Loading...
Modal, Offcanvas, Dropdown
Offcanvas
Test offcanvas block.
Breadcrumb & Pagination
Toast (static style)
Kimoun
just now
This is a Bootstrap toast used to validate styles.
