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

Card
image 1
Card title

Some quick example text to build on the ui_card title and make up the bulk of the ui_card's content.

  • Cras justo odio
  • Dapibas ac facilisis in
  • vestibulum at eros
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Card groups

header 1
content 1
image 2
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

content 4
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.

someone famous in source title

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

header 1
content 1
image 2
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

Content 4
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.

Someone famous in Source Title
header 1
content 1
image 3
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

Content 4
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.

Someone famous in Source Title

Notifications

Alerts

Badges

Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark

Progress bars

25.0%

7.4%
15.3%
21.1%
25.9%
30.3%

75.0%

Toasts

Tooltip

Tooltip link

Popover

Popover link

Navigations

Toolbars

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

click here to open modal

Forms

Buttons

Choice Groups


Button Groups

Dropdowns




Split Dropdowns


Chexboxes

Radios


Inputs

Auto Complete Exclu.

Surround Exclu.

To

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.

IdEmailActiveCompanyCreated AtUpdated At
6test5@test.comtrueCompany test 2382017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
5test4@test.comtrueCompany test 37762017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
4test3@test.comtrueCompany test 22462017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
3test2@test.comtrueCompany test 91862017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
2test1@test.comtrueCompany test 25532017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
1test0@test.comtrueCompany test 77362017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC

Table Paginations

Table Searches

Table Pagination Per Page

Displaying all 6 User | Per page:

Table Cards Exclu.

Table card

IdEmailActiveCompanyCreated AtUpdated At
6test5@test.comtrueCompany test 2382017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
5test4@test.comtrueCompany test 37762017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
4test3@test.comtrueCompany test 22462017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
3test2@test.comtrueCompany test 91862017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
2test1@test.comtrueCompany test 25532017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC
1test0@test.comtrueCompany test 77362017-03-13 14:22:07 UTC2017-03-13 14:22:07 UTC

Panels Exclu.

My header
Body

or

My header
Tree Header
Tree Body
with content
on multiline
Overview Header
Overview Body