您的位置:首页 > Web前端 > BootStrap

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表示警告颜色
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bootstrap