2, bootstrap文本处理和排版

标题和副标题

标题还是传统的

-

表示.
副标题是 small 标签, 内嵌在h标签中.

我是标题 我是子标题

引导主题副本

引导主题副本

这是一个演示引导主体副本用法的实例。

各种文本的样式

本行内容是在细体
本行内容是在粗体
本行内容是斜体

warning

danger

其他样式 效果
.lead 使段落突出显示
.small 设定小文本 (设置为父文本的 85% 大小)
.text-left 文本居左
.text-right 文本局右
.text-center 文本居中
.text-muted 淡化的文本
.text-primary 蓝色的基本提示
.text-success 绿色的成功提示
.text-info 蓝灰的info信息
.text-warning 褐色的警告信息
.text-danger 红色的危险信息
.text-justify 文本对齐,超出屏幕自动换行
.text-nowrap 不换行
.text-lowercase 字母小写
.text-uppercase 字母大写
.text-capitalize 单词首字母大写

缩写

abbr标签
.initialism样式控制文本变小

WWW
--->RSS
2, bootstrap文本处理和排版_第1张图片
整体效果

引用

blockquote标签
.blockquote-reverse 样式 控制其文本局右
其可以内嵌footer标签, 展示为淡化的文本
footer可以内嵌cite标签, 展示为引用的文本

这是一个向左对齐的引用。
淡化文本 引用文本
这是一个向右对齐的引用。
淡化文本 引用文本
2, bootstrap文本处理和排版_第2张图片
引用的demo

代码块

code标签 和 pre标签
code标签是一行代码
pre是一块代码

在上述两个标签中 '<' '>' 这两个符号需要用 < 和 > 转义

你可能感兴趣的:(2, bootstrap文本处理和排版)