Comprehensive Analysis of Bootstrap typographical usage (title) _ javascript skills

This article comprehensively analyzes the use of Bootstrap layout. This article focuses on the Bootstrap title layout. If you are interested, refer to Bootstrap and common HTML pages. The title is defined using tags, bootstrap only overwrites the default style and uses it to display the same effect in all browsers. The specific rules can be defined as shown in the following table:

 Bootstrap Title 1 Bootstrap Title 2 Bootstrap Title 3 Bootstrap Title 4 Bootstrap Title 5 Bootstrap Title 6
 
Bootstrap Title 1
Bootstrap Title 2
Bootstrap Title 3
Bootstrap Title 4
Bootstrap Title 5
Bootstrap Title 6

The effect is as follows:

In addition, we often encounter a subtitle following a small line in Web production. He also considered this typographical effect in Bootstrap and usedLabel to create a subtitle. This subtitle has its own unique style:

1. The Row Height is 1, and the font-weight is set to normal (not bold), and the color is set to gray (#999 ).

2. BecauseThe text in is in the h1 ~ In h3, the size is set to 65% of the current font size, while in h4 ~ The font size in h6 is set to 75% of the current font size;

 Bootstrap Title 1I am a subtitleBootstrap Title 2I am a subtitleBootstrap Title 3I am a subtitleBootstrap Title 4I am a subtitleBootstrap Title 5I am a subtitleBootstrap Title 6I am a subtitle

The effect is as follows:

The above is a detailed introduction to the Bootstrap title layout. More content will be updated later. I hope you will continue to pay attention to it.