Headings
h1. Heading H1
h2. Heading H2
h3. Heading H3
h4. Heading H4
h5. Heading H5
h6. Heading H6
Styled headings
Heading H1 Secondary text
Heading H2 Secondary text
Heading H3 Secondary text
Heading H4 Secondary text
Heading H5 Secondary text
Heading H6 Secondary text
Well
<well-sm><well><well-lg>Blockquote
Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker .
Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker .
Lists - unordered
- Lorem ipsum dolor sit amet
-
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
Lists - ordered
- Lorem ipsum dolor sit amet
-
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
Lists - unstyled
- Lorem ipsum dolor sit amet
-
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Phasellus iaculis neque
- Purus sodales ultricies
- Faucibus porta lacus fringilla vel
Body copy
Bootstrap's global default font-size is
14px, with a line-height of
1.428. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs)
receive a bottom margin of half their computed line-height (10px
by default).
Highlight
For highlighting a run of text due to its relevance in another
context, use the <mark> tag. like this:
You can use the mark tag to highlight text.
Transform & align
Text-align left example.
Text-align center example.
Text-align right example.
Lists - icons
Collapsible submenu
Lists - inline
A list of terms with icons.
- Lorem ipsum
- Phasellus iaculis
- Nulla volutpat
- 1. Welcome
- 2. To
- 3. Our
- 4. Latest
- 5. Admin
- 6. Panel
- 7. Template
- 8. Built
- 9. With
- 10. Love
Addresses
Drop cap
Dorem cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.sed cursus ante dapibus diam.
Dorem cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.sed cursus ante dapibus diam.
Description
- Description lists
- A description list is perfect for defining terms.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
Horizontal description
- 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.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod >Lorem ipsum In enim nostrud ut in mollit sint cillum laborum ea quis qui porta sem malesuada magna mollis euismod >Lorem ipsum.
- Qui eiusmod magna.
- Lorem ipsum In enim nostrud ut in mollit sint cillum laborum ea quis qui >Lorem ipsum In enim nostrud ut in mollit sint cillum laborum ea quis qui >Lorem ipsum In enim nostrud ut in mollit sint cillum laborum ea quis qui.