Bootstrap UL Cheatsheet
A theme demo page that showcases Bootstrap components in your WordPress theme.
Typography
Display text
Heading 1
Heading 2
Heading 3
This is a lead paragraph.
You can highlight text, use deleted text, and underlined text.
A well-known quote, contained in a blockquote element.
- Unstyled list item
- Another list item
- Nested list:
- Child item
- Inline item
- Inline item
- Inline item
Images
Tables
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | John | Doe | @social |
| Class | Heading | Heading |
|---|---|---|
| Primary | Cell | Cell |
| Success | Cell | Cell |
| Warning | Cell | Cell |
| Danger | Cell | Cell |
Figures
.figure component.
Forms
Overview
Disabled forms
Sizing
Input group
@
With textarea
Floating labels
Validation
Note: This is a visual demo. Add real validation logic as needed.
Fluent Forms (real form)
This is a Demo of what the Fluent Forms plugin would look like.
Components
Accordion
This is where you can store your content that you want hidden behind the accordion.
This is where you can store your additional content that you want hidden behind the accordion
Alerts
A simple primary alert.
A simple success alert.
A simple warning alert.
A simple danger alert.
Badge
Example heading New
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Card
Featured
Card title
Example content with list group.
- An item
- A second item
- A third item
Carousel
Dropdowns
List group
- Active item
- Item
- Item
Modal
Pagination
Popovers
Progress
Scrollspy (this page)
This demo page supports anchor navigation; you can add full Scrollspy behavior later if desired.
Spinners
Loading...
Loading...
Toasts
Bootstrap UL
just now
Hello, world! This is a toast message.