Bootstrap basic CSS-typographical)

Emphasize (Emphasis) use. lead to highlight a paragraph. [Html] <p class = "lead">... </p> use the <small> label to display unimportant text. Use the <strong> label to display important text. Use the <em> label to tilt the text. Use color to express a certain meaning. [Html] <p class = "muted"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </p> <p class = "text-warning"> Etiam porta sem malesuada magna mollis euismod. </p> <p class = "text-error"> Donec ullamcorper nulla non metus auctor fringilla. </p> <p class = "text-info"> Aenean eu leo quam. pellentesque ornare sem lacinia quam venenatis. </p> <p class = "text-success"> Duis mollis, est non commodo luctus, nisi Erat porttitor ligula. </p> Abbreviations use the <abbr> label to indicate the abbreviation. The title attribute is used to describe the abbreviation in detail. You can add. initialism when you want the abbreviation to be slightly smaller. [Html] <abbr title = "HyperText Markup Language" class = "initialism"> HTML </abbr> Addresses (Addresses) use the <address> label to indicate Addresses, remember to add <br> at the end of each row to make the format consistent. [Html] <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> <strong> Full Name </strong> <br> <a href = "mailto: # "> first.last@example.com </a> </address> references use the <blockquote> label to include the referenced HTML, which is recommended for direct reference. [Html] <blockquote> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. integer posuere erat a ante. </p> </blockquote> the <small> label is used to identify the reference source. The <cite> label is used to contain the name of the referenced source. [Html] <blockquote> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. integer posuere erat a ante. </p> <small> Someone famous <cite title = "Source Title"> Source Title </cite> </small> </blockquote> if you want to arrange the reference blocks on the right, available. pull-right. The List (Lists) Unordered list (Unordered) uses the <ul> and <li> labels. [Html] <ul> <li>... </li> </ul> use the <ol> and <li> tags for the Ordered list. [Html] <ol> <li>... </li> </ol> Unstyled adds. unstyled to <ul>. [Html] <ul class = "unstyled"> <li>... </li> </ul> Inline puts all list items on one row. You only need to add. inline to <ul>. [Html] <ul class = "inline"> <li>... </li> </ul> Description (Description) parent item and a list of corresponding descriptions. [Html] <dl> <dt>... </dt> <dd>... </dd> </dl> to horizontally place the parent item and description, you only need to add to <dl>. dl-horizontal.