第五篇.Bootstrap 排版

采用bootstrap的排版特性可创建标题,段落,列表及另内联元素。

题目:bootstrap中定义了于h1-h6底六栽标题样式。

内联子标题:

只要用为自由一个题目添加一个子题目,只需要加上<small></small>例如:

<h1>我是标题1 h1. <small>我是相符标题1
h1</small></h1>

<h2>我是标题2 h2. <small>我是抱标题2
h2</small></h2>

<h3>我是标题3 h3. <small>我是顺应标题3
h3</small></h3>

<h4>我是标题4 h4. <small>我是切合标题4
h4</small></h4>

<h5>我是标题5 h5. <small>我是合标题5
h5</small></h5>

<h6>我是标题6 h6. <small>我是可标题6
h6</small></h6>

显效果如下所示:

 

HTML 的默认强调标签 <small>(设置文本为父文本大小的
85%)、<strong>(设置文本也还小的文本)、<em>(设置文本也斜体)。

<small>本行内容是在标签内</small><br>

<strong>本行内容是在标签内</strong><br>

<em>本行内容是在标签内,并呈现为斜体</em><br>

<p class="text-left">向左对齐文本</p>

<p class="text-center">居中对齐文本</p>

<p class="text-right">向右对齐文本</p>

<p class="text-muted">本行内容是减弱的</p>

<p class="text-primary">本行内容带有一个 primary class</p>

<p class="text-success">本行内容带有一个 success class</p>

<p class="text-info">本行内容带有一个 info class</p>

<p class="text-warning">本行内容带有一个 warning class</p>

<p class="text-danger">本行内容带有一个 danger class</p>

功用如下:

 图片 1

 

相关文章