Bootstrap- global css- typesetting

A title

<h1> To  <h6> be used. Also provided  .h1 to the  .h6 class.

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>

Second, the main page

Bootstrap the global  font-size set to  14px , line-height set to  1.428 . These attributes are assigned directly to  <body> the elements and all the paragraph elements. Further, <p> (paragraph) element is further provided line height equal to 1/2 (i.e. 10px) bottom margins (margin).

Third, the central element

By adding  .lead lets paragraph class highlighted.

<p class="lead">...</p>

Fourth, inline text elements

1.Marked text- Highlight - <mark>

2. deleted text - <del>

3. underlined text - <u>

4. Small Text - <small>

5. Stresses - <strong>

6. Align

<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>

V. List

无序列表

<ul>
  <li>...</li>
</ul>

有序列表

<ol>
  <li>...</li>
</ol>

无样式列表

<ul class="list-unstyled">
  <li>...</li>
</ul>

内联列表-所有元素放置于同一行

<ul class="list-inline">
  <li>...</li>
</ul>

描述

<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

 

Guess you like

Origin blog.csdn.net/lidongliangzhicai/article/details/94223654