Styles

Article title

Written by Super User on 12 April. Posted in Blog

UIkit

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

text-muted text-primary text-success text-warning text-danger

a element em element strong code element ~~del element~~

ins element mark element q inside a q element abbr element dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5

h6

Lorem ipsum dolor. Someone famous

Author

May 2, 2090 at 1:55 pm

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

1
2
3
4
…
20

Header
Active
Parent
- Sub item
- Sub item
  - Sub item
  - Sub item
Item

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%

55%

55%

55%

Form states

Form styles

List item 1
List item 2
List item 3

List item 1
List item 2
List item 3

Table caption
Table	Heading
Table	Data
Table	Data

Description lists: Description text.
Description lists: Description text.

Item
Active
Parent
- Sub item
- Sub item
  - Sub item
  - Sub item
Parent
- Sub item
- Sub item
Item
Header
Item
Item
Item

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.