Article 5. Bootstrap typographical, Article 5. bootstrap

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 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 row is in the tag </small> <br>

<Strong> the content of the row is in the tag </strong> <br>

<Em> the content of this line is in the label and displayed in italic </em> <br>

<P class = "text-left"> align the text to the left </p>

<P class = "text-center"> align text in center </p>

<P class = "text-right"> align text to the right </p>

<P class = "text-muted"> the content of this line is 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 line contains a danger class. </p>

The effect is as follows: