Bootstrap Theme

Boxes

Jumbotron

Bootstrap 4.1.3 elements page example template

A quick preview of everything Bootstrap has to offer.

See Boostrap 4!

Cards

Card

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

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 decks

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

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

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%

Navigations

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.

Dropdown Select Exclu.

Formula Exclu.

=

Multi Select Exclu.


Text Exclu.

Switch Exclu.


Input File

Surround Exclu.

To

Markdown Html Editor Exclu.


Date Picker Exclu.

Multi column Exclu.

Tables


Tables Exclu.

IdEmailActiveCompanyCreated AtUpdated At
1test0@test.comtrueCompany test 74822017-10-30 13:52:28 UTC2017-10-30 13:52:28 UTC
2test1@test.comtrueCompany test 71272017-10-30 13:52:28 UTC2017-10-30 13:52:28 UTC
3test2@test.comtrueCompany test 66582017-10-30 13:52:28 UTC2017-10-30 13:52:28 UTC

Table Paginations

Table Searches

Table Pagination Per Page

Displaying User 1 - 3 of 10 in total | Per page:

Table Cards Exclu.

Table card

IdEmailActiveCompanyCreated AtUpdated At
1test0@test.comtrueCompany test 74822017-10-30 13:52:28 UTC2017-10-30 13:52:28 UTC
2test1@test.comtrueCompany test 71272017-10-30 13:52:28 UTC2017-10-30 13:52:28 UTC
3test2@test.comtrueCompany test 66582017-10-30 13:52:28 UTC2017-10-30 13:52:28 UTC

Panels Exclu.

My header
Body

or

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