Learn 'Mobile First' Web Design Using Bootstrap 3 by Rahul A. Sakla - HTML preview

3.8 Abbreviations

Stylized implementation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context/information on hover and to users of assistive technologies.

<abbr title="attribute">attr</abbr>

3.9 Initialism of Abbreviations

Add .initialism to an abbreviation for a slightly smaller font-size.

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

Addresse Class

Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <br>.

Example

Twitter Inc.

79S Folsom Ave, Suite 600

San Fransisco, CA 94107

P:(123) 4S6-7890

Full Name

full.last@example.com

<address>

<strong>Twitter, Inc.</strong><br>

79S Folsom Ave, Suite 600<br>

San Francisco, CA 94107<br>

<abbr title="Phone">P:</abbr> (123) 4S6-7890

</address>

<address>

<strong>Full Name</strong><br>

<a href="mailto:#">first.last@example.com</a>

</address>

3.10 Blockquotes

For quoting blocks of content from another source within your document.

Default blockquote

Wrap <blockquote> around any as the quote. For straight quotes, we recommend a <p>.

<blockquote>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>

</blockquote>

Blockquote Options

Style and content changes for simple variations on a standard <blockquote>.

-Someone Famous in Source Title

Alternate displays

Add .blockquote-reverse for a blockquote with right-aligned content.

3.11 List Styles in bootstrap

3.11.1 Unordered List

A list of items in which the order does not explicitly matter.

Example

Lorem ipsum dolor sit amet

• -Consectetur adipiscing elit
• -Integer molestie lorem at massa
• -Facilisis in pretium nisl aliquet
• -Nulla volutpat aliquam velit
• -Phasellus iaculis neque
• -Purus sodales ultricies
• -Vestibulum laoreet porttitor sem
• -Ac tristique libero volutpat at
• -Faucibus porta lacus fringilla vel
• -Aenean sit amet erat nunc
• -Eget porttitor lorem

3.11.2 Ordered List

A list of items in which the order does explicitly matter.

Example

Lorem ipsum dolor sit amet

1.Consectetur adipiscing elit

2.lnteger molestie lorem at massa

3.Facilisis in pretium nisl aliquet

4.Nulla volutpat aliquam velit

S.Faucibus porta lacus fringilla vel

6.Aenean sit amet erat nunc

7.Eget porttitor lorem

3.11.3 Unstyled List

Remove the default list-style and left margin on list items (immediate children only). This onl