Bootstrap3 排版之个人学习笔记
2017-07-12 20:29
609 查看
Bootstrap3 排版
标签(空格分隔): Bootstrap小结
标题 h1~h6 small页眉
.page-header
正文
.lead强调开头的文字
内联文本
<del> <em> <ins> <mark> <s> <strong> <u>
元素对齐
文本元素转换
改变文本和背景颜色
其他文本块
<code> <kbd> <pre> <samp> <var>
引用语
<blockquote>
列表
.list-unstyled .list-inline .dl-horizontal
缩略语
<abbr>
地址
<address>
Bootstrap样式类
CSS类 | 描述 |
---|---|
.bg-danger | 改变背景颜色 |
.bg-info | |
.bg-success | |
.bg-warning | |
.blockquote | 左对齐引用语 |
.blockquote-reverse | 右对齐引用语 |
.center-block | 居中块元素 |
.dl-horizontal | 将定义列表转换为水平显示 |
.h1, .h2, .h3, .h4, .h5, .h6 | 创建内联标题 |
.initialism | 稍微减小缩略语的字体 |
.lead | 使页面的重要文本变得更大 |
.list-inline | 创建内联列表 |
.list-unstyled | 删除左外边距和列表样式 |
.page-header | 在页面上创建一个页眉 |
.pre-scrollable | 将<pre>块的max-height设置为350px并添加滚动条 |
.pull-left | 向左浮动显示元素 |
.pull-right | 向右浮动显示元素 |
.small | 稍微缩小字体 |
.text-capitalize | 每个单词的第一个字母大写 |
.text-uppercase | 每个字母转为大写 |
.text-lowercase | |
.text-center | 居中文本 |
.text-danger | 设置文本颜色以表示危险 |
.text-hide | 隐藏文本创建图像替代 |
.text-info | |
.text-justify | 整理文本 |
.text-left | |
.text-right | |
.text-muted | 设置文本颜色 淡化 |
.text-nowrap | 关闭文本卷绕 |
.text-primary | 文本颜色 主要 |
.text-success | 设置文本颜色以表示成功 |
.text-warning | 表示警告颜色 |
相关文章推荐
- Bootstrap3学习笔记:基础排版
- Bootstrap快速学习笔记(1)排版系列之二
- Bootstrap学习笔记之排版
- bootstrap 学习笔记 - 2 (排版+代码 样式)
- bootstrap3学习笔记1-排版
- Bootstrap3 导航之个人学习笔记
- [学习笔记] BootStrap(一):排版(主副标题,文字等)
- Bootstrap3 按钮改进之个人学习笔记
- 学习笔记5-bootstrap 排版
- Bootstrap3 轮播之个人学习笔记
- Bootstrap3 导航条之个人学习笔记
- Bootstrap 学习笔记 之排版 (2 day)
- Bootstrap3 工具提示之个人学习笔记
- bootstrap框架学习笔记一(模板,排版-段落-列表-表格部分)
- Bootstrap快速学习笔记(1)排版系列之一
- Bootstrap3 标签和徽章之个人学习笔记
- Bootstrap3学习笔记(二)之排版
- 【个人学习笔记14之--浅谈动态SQL】
- 【个人学习笔记6之--排名函数和缺失 已有范围】
- 【个人学习笔记13之--游标薄见】