Article 5 Bootstrap typographical, Article 5 bootstrap

Source: Internet
Author: User

Article 5 Bootstrap typographical, Article 5 bootstrap

You can use bootstrap's typographical features to create titles, paragraphs, lists, and other inline elements.

Title:Bootstrap defines six title styles from the h1-h6.

Inline Subtitle:

To add a sub-title to any title, you only need to add <small> </small>. For example:

<H1> I'm Title 1 h1. <small> I'm subtitle 1 h1 </small>

<H2> I am Title 2 h2. <small> I am subtitle 2 h2 </small>

<H3> I'm Title 3 h3. <small> I'm subtitle 3 h3 </small>

<H4> I am Title 4 h4. <small> I am subtitle 4 h4 </small>

<H5> I'm Title 5 h5. <small> I'm subtitle 5 h5 </small>

<H6> I'm Title 6 h6. <small> I'm subtitle 6 h6 </small>

The display effect is as follows:

By default, HTML emphasizes labels <small> (set the text to 85% of the size of the parent text), <strong> (set the text to a rough text), and <em> (set the text to italic text ).

<Small> the content of this line is in the tag </small> <br> <strong> the content of this line is in the tag </strong> <br> <em> the content of this line is in the tag inner, and displayed in italic </em> <br> <p class = "text-left"> align to left </p> <p class = "text-center"> center align text </p> <p class = "text-right"> align text to the right </p> <p class = "text-muted"> contents of this line are diminished </ p> <p class = "text-primary"> This row contains a primary class </p> <p class = "text-success"> This row contains a success class </ p> <p class = "text-info"> This row contains an info class </p> <p class = "text-warning"> This row contains a warning class. </ p> <p class = "text-danger"> This row contains a danger class. </p>

The effect is as follows:

The above is a full description of the fifth Bootstrap typographical article. I hope it will help you. If you have any questions, please leave a message and I will reply to you in a timely manner. Thank you very much for your support for the help House website!

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.