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进行网页排版的方法,包括标题、文本样式、列表、引用语等元素的样式调整,并展示了如何利用各类CSS类实现美观且响应式的布局。
290

被折叠的 条评论
为什么被折叠?



