Bootstrap Theme
Boxes
Jumbotron
Bootstrap 5.3.2 elements page example template
A quick preview of everything Bootstrap has to offer.
See Boostrap 5.3.2!Cards
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereCard groups
card title
this is a wider ui_card with supporting text below as a natural lead-in to additional content. this content is a little bit longer.
last updated 3 mins ago
- cras justo odio
- Dapibas ac facilisis in
Header list
vestibulum at eros
some quick example text to build on the ui_card title and make up the bulk of the ui_card's content.
lorem ipsum dolor sit amet, consectetur adipiscing elit. integer posuere erat a ante.
Card grids
Special title treatment
With supporting text below as a natural lead-in to additional content.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Card columns
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
- Cras justo odio
- Dapibas ac facilisis in
Header list
vestibulum at eros
Some quick example text to build on the card title and make up the bulk of the card's content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
- Cras justo odio
- Dapibas ac facilisis in
Header list
vestibulum at eros
Some quick example text to build on the card title and make up the bulk of the card's content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Notifications
Alerts
Well done!
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Badges
Primary Secondary Success Danger Warning Info Light DarkPrimary Secondary Success Danger Warning Info Light Dark
Progress bars
Navigations
Breadcrumbs
Paginations
Toolbars
Tabs
Pills
Links
Navbars
Icons
Glyphs Exclu.
Stars Exclu.
Lists
List groups
- Cras justo odio14
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Windows
Modal
Forms
Buttons
Choice Groups
Button Groups
Chexboxes
Radios
Inputs
Auto Complete Exclu.
Surround Exclu.
Formula Exclu.
Number
Date Picker Exclu.
Text Exclu.
Range
Slider Exclu.
Switch
Dropdown Select Exclu.
Box Switch Exclu.
Input File
Markdown Html Editor Exclu.
Multi column Exclu.
Tables
Tables Exclu.
| Id | Active | Company | Created At | Updated At | ||
|---|---|---|---|---|---|---|
| 6 | test5@test.com | true | Company test 238 | 2017-03-13 14:22:07 UTC | 2017-03-13 14:22:07 UTC | |
| 5 | test4@test.com | true | Company test 3776 | 2017-03-13 14:22:07 UTC | 2017-03-13 14:22:07 UTC | |
| 4 | test3@test.com | true | Company test 2246 | 2017-03-13 14:22:07 UTC | 2017-03-13 14:22:07 UTC | |
| 3 | test2@test.com | true | Company test 9186 | 2017-03-13 14:22:07 UTC | 2017-03-13 14:22:07 UTC | |
| 2 | test1@test.com | true | Company test 2553 | 2017-03-13 14:22:07 UTC | 2017-03-13 14:22:07 UTC | |
| 1 | test0@test.com | true | Company test 7736 | 2017-03-13 14:22:07 UTC | 2017-03-13 14:22:07 UTC |
Table Paginations
Table Searches
Table Pagination Per Page
Table Cards Exclu.
Panels Exclu.
or
with content
on multiline