Bootstrap - 排版

作者: 廖马儿 | 来源:发表于2018-01-27 14:59 被阅读2次

标签

标题：h1~h6 / .h1~.h6
副标题: <small>标签

.h1~.h6

<div class="h1">H1标题形式</div>
<p class="h1">H1标题形式</div>
<span class="h4">H1标题形式</span>

small标签
小标题

<span class="h1">H1标题形式<small>小标题</small></span>

文本

1）段落
<p>标签，默认样式为：

字体大小默认：14px；  # 普通的css中是16px。
行高：20px;
底部外边距：10px；

2）对齐方式
段落中文字的对齐方式。
水平左中右对齐：

text-left
text-center
text-right

3）大小写

text-lowercase
text-uppercase
text-capitalize

3）文本标记
下划线，中划线等。
下划线：

<u>下划线</u>
<ins>下划线</ins>

图片.png

中划线：

<del>中划线</del>

效果：

图片.png

2018-10-08Bootstrap02
Bootstrap 排版 Bootstrap 使用 Helvetica Neue、 Helvetica、 Aria...
Bootstrap 排版
一、段落如果要突出显示某个段落内容只需要添加class值为lead即可。 mark标签突出标记文字内容。被标记的...
Bootstrap - 排版
标签标题：h1~h6 / .h1~.h6副标题: 标签 .h1~.h6 small标签小标题文本 1）段落 ...
Bootstrap - 排版
Bootstrap bootstrap是可用于架构流行的用户界面和交互接口的html，css，javascript...
Bootstrap排版
（bootstrap3支持的浏览器：Chrome (Mac、Windows、iOS和Android)、Safari...
Bootstrap - 排版2
文本对齐风格在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中...
Bootstrap - 排版1
全局样式在制作Web页面时，前端人员都习惯为网站设置一个全局样式（reset.css）。那么在Bootstrap...
Bootstrap - 排版3
代码（一）本节内容相对来说比较简单，一般在个人博客上使用的较为频繁，用于显示代码的风格。在Bootstrap主要...
Bootstrap - 排版4
表格表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个...
二、bootstrap排版
知识点：1、标题2、内联文本元素3、缩略语 html title4、地址5、引用6、列表7、代码 1、标题 ...