Category: Typography

  • Icon glyphs

    140 icons in sprite form, available in dark gray (default) and white, provided by Glyphicons. icon-adjust icon-asterisk icon-ban-circle icon-bar-chart icon-barcode icon-beaker icon-bell icon-bolt icon-book icon-bookmark icon-bookmark-empty icon-briefcase icon-bullhorn icon-calendar icon-camera icon-camera-retro icon-certificate icon-check icon-check-empty icon-cloud icon-cog icon-cogs icon-comment icon-comment-alt icon-comments icon-comments-alt icon-credit-card icon-dashboard icon-download icon-download-alt icon-edit icon-envelope icon-envelope-alt icon-exclamation-sign icon-external-link icon-eye-close icon-eye-open icon-facetime-video icon-film icon-filter […]

  • Forms and Button

    Forms Default styles Individual form controls receive styling, but without any required base class on the <form> or large changes in markup. Results in stacked, left-aligned labels on top of form controls. Legend Label name Example block-level help text here. Check me out Submit <form> <fieldset> <legend>Legend</legend> <label>Label name</label> <input type=”text” placeholder=”Type something‚Ķ”> <span class=”help-block”>Example […]

  • List Item Style

    Unordered A list of items in which the order does not explicitly matter. 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 […]

  • Blockquotes

    For quoting blocks of content from another source within your document. Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> </blockquote> ¬† […]

  • Emphasis and Abbreviations

    Emphasis Make use of HTML’s default emphasis tags with lightweight styles. <small> For de-emphasizing inline or blocks of text, use the small tag. This line of text is meant to be treated as fine print. <p> <small>This line of text is meant to be treated as fine print.</small> </p> Bold For emphasizing a snippet of […]

  • Basic Heading

    All HTML headings, <h1> through <h6> are available. h1. Heading 1 h2. Heading 2 h3. Heading 3 h4. Heading 4 h5. Heading 5 h6. Heading 6 Body copy Bootstrap’s global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom […]