Theming

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Buttons
Disabled
Links
Primary Secondary Default
Link-Buttons
Primary Secondary Default
Switch
Form
This is a hint This is a hint This is a hint This is a hint This is a hint This is a hint
Disabled / readonly
Input group
Detail
Name
Max
Description
He a badass

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Table
Name Age Role
Jane Doe 28 Designer
John Smith 34 Developer
Emily Davis 42 Manager
Table striped and elevated
Name Age Role
Jane Doe 28 Designer
John Smith 34 Developer
Emily Davis 42 Manager
Tabs
  • First Tab
  • Second Tab
  • Third Tab
  • Forth Tab
Badges
Primary Secondary Light Dark Success Warning Danger
List
First Item
Second Item
Third Item
Forth Item
Accordion
Section 1

This is the content of Section 1. It is revealed when the section is expanded.

Section 2

This is the content of Section 2. It is revealed when the section is expanded.

Section 3

This is the content of Section 3. It is revealed when the section is expanded.

Section 1

This is the content of Section 1. It is revealed when the section is expanded.

Section 2

This is the content of Section 2. It is revealed when the section is expanded.

Section 3

This is the content of Section 3. It is revealed when the section is expanded.

Alerts
Attention: This is a primary alert — check it out!
Attention: This is a secondary alert — check it out!
Success: This is a success alert — check it out!
Warning: This is a warning alert — check it out!
Danger: This is a danger alert — check it out!
Background Colors
bg-primary
bg-primary
bg-secondary
bg-secondary
bg-light
bg-dark
bg-danger
bg-success
bg-warning
Text Colors
text-primary
text-secondary
text-light
text-danger
text-success
text-warning
Modal