For all examples and documentation go to maxmert.com



Text

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Text elements

Strong
Italic
This is small text
This is Abbr

Paragraph text

Code

git clone git://github.com/twitter/bootstrap.git

Address and Blockquote

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@gmail.com

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lists

Marked lists

  • List element 1
  • List element 2
  • List element 3
    • List element 1
    • List element 2
      • List element 1
      • List element 2
      • List element 3
      • List element 4
    • List element 3
    • List element 4
  • List element 4

Numbered lists

  1. Element
  2. Element
  3. Element
    1. Element
    2. Element
    3. Element
    4. Element
  4. Element

Descriptions

Block descriptions

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta lesuada porta
Etiam porta sem malesuada magna mollis euismod.

Inline descriptions

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta lesuada porta
Etiam porta sem malesuada magna mollis euismod.

Striped and hovered

# First name Last name User name
1 Maxim Vetrenko maxmert
2 Andrew Yarmolov andrew
1 Maxim Vetrenko maxmert
2 Andrew Yarmolov andrew

Vertical Hovered

# First name Last name User name
1 Maxim Vetrenko maxmert
2 Andrew Yarmolov andrew
1 Maxim Vetrenko maxmert
2 Andrew Yarmolov andrew

Vertical

# First name Last name User name
1 Maxim Vetrenko maxmert
2 Andrew Yarmolov andrew
1 Maxim Vetrenko maxmert
2 Andrew Yarmolov andrew
1 Maxim Vetrenko maxmert
2 Andrew Yarmolov andrew

Forms

Form vertical

Help me with this field Save   Cancel

Form horizontal

Help me with this field
Enter Reset

Buttons

Disabled Normal loading Dark Error Warning Info loading Success Primary Error unstyled
Tiny button Small button Normal Big button Huge

Groups

Groups with different elements
Normal smallNormal smallNormal small123Normal small
Input groups
123
Groups with unclickable buttons
I like it
Favourite
Repeat
Vertical group
Buttons with caret Dropdown Dropdown Dropdown Dropdown Dropdown
Groups with caret
Dropdown
Dropdown
Dropdown
Dropdown
Dropdown

Tabs by global size

Tabs with local modificators

Vertical

Badges

default primary error info info warning disabled
badge badge badge

Labels

default primary error info info warning disabled
label label label

Dropdowns

default dropdown
Content of dropdown
Primary dropdown
Content of dropdown
Error dropdown
Content of dropdown
Info dropdown
Content of dropdown
Info dropdown
Content of dropdown
Error dropdown
Content of dropdown

Dropdowns with arrows

Dark dropdown
Primary dropdown
Error dropdown
Info dropdown
Warning dropdown
Success dropdown

Set arrow position

Right position
Top position
Bottom position
Left position

Menu in dropdown

Combine with dropdown classes

Just menu

This is affix plugin

Tooltips

Default
Dark
Primary
Error
Success
Info
Warning
Disabled

Tooltip size

Normal
Big tooltip
Huge tooltip

Tooltip arrow postition

Normal
Normal
Normal
Normal

Progressbars

current file - 85%
global – 12%


file 1 - 15%
file 2 - 25%


file 1 - 55%
file 2 - 25%
global - 12%


file 1 - 55%
file 2 - 25%
global - 12%


file 1 - 55%
file 2 - 25%
global - 12%

Progressbars by size

tiny


small


normall


big


huge


Javascript

Tooltip

Show tooltip Show tooltip 2

Dropdown

Show dropdown Show dropdown 2
Header ×
Show dropdown