Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse magna libero, mattis ut sollicitudin vel, ornare eget diam. Ut lacinia tortor volutpat enim ullamcorper a dapibus velit ornare. Nulla blandit, nulla non bibendum dignissim, quam sapien suscipit lectus, non mollis nulla est vel magna.
All HTML headings, <h1> through <h6> are available.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue leo a nisi pretium dignissim. Aliquam non molestie sem. Etiam id odio purus, quis imperdiet nulla. Mauris imperdiet posuere erat quis ullamcorper. Ut dapibus pharetra egestas. Aenean sit amet commodo velit. Integer sed lectus sed justo lacinia vehicula a quis ipsum.
Curabitur imperdiet, est sed porta facilisis, ante diam malesuada tortor, in molestie leo nulla eget est. Sed at sagittis lorem. Etiam dignissim lacus ac neque sagittis vestibulum ullamcorper magna fermentum. Vivamus erat felis, adipiscing ac eleifend vitae, dapibus sed turpis. Suspendisse vulputate ultricies interdum. Duis sit amet metus ut turpis gravida volutpat hendrerit eu ligula.
<p>…</p>
Make a paragraph stand out by adding .lead.
A paragraph is a self-contained unit of a discourse in writing dealing with a particular point or idea. The function of a paragraph is to mark a pause, setting the paragraph apart from what precedes it. If a paragraph is preceded by a title or subhead, the indent is superfluous and can therefore be omitted.
<p class="lead">…</p>
Make use of HTML's default emphasis tags with lightweight styles.
For de-emphasizing inline or blocks of text, use the small tag.
<small>…</small>
For emphasizing a text with importance.
<strong>…</strong>
For emphasizing a snippet of text with stress.
<em>…</em>
Draw attention with mark
<mark>…</mark>
Stylized implemenation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute provide additional context on hover.
An abbreviation of the word attribute is attr.
<abbr title="attribute">attr</abbr>
Present contact information for the nearest ancestor or the entire body of work.
<address>
Preserve formatting by ending all lines with <br>.
<address> <strong>Twitter, Inc.</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> <abbr title="Phone">P:</abbr> (123) 456-7890 </address> <address> <strong>Full Name</strong><br> <a href="mailto:#nowhere">first.last@gmail.com</a> </address>
For quoting blocks of content from another source within your document.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone famous in Source Title
<blockquote> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. <small>Someone famous <cite title="Source Title">Source Title</cite></small> </blockquote>
A list of terms with their associated descriptions.
<dl>
A list of items in which the order does explicitly matter.
<ol>
A list of items in which the order does not explicitly matter.
<ul>
Wrap inline snippets of code with <code>.
#header h1 { display: block; padding: 10px; }
#header h1 a { color: #000; }
Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.
#header h1 {
display: block;
padding: 10px;
}
#header h1 a { color: #000; }
Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.
You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.
| # | First | Last | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table>…</table>
Most common form control, text-based input fields.
<input placeholder="Text input" type="text">
Form control which supports multiple lines of text. Change rows attribute as necessary.
<textarea rows="8"></textarea>
Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.