Bootstrap3 排版之个人学习笔记

Bootstrap3 排版

标签(空格分隔): Bootstrap

小结

  • 标题 h1~h6 small
  • 页眉 .page-header
  • 正文 .lead 强调开头的文字
  • 内联文本
  • 元素对齐
  • 文本元素转换
  • 改变文本和背景颜色
  • 其他文本块
      
  • 引用语
  • 列表 .list-unstyled .list-inline .dl-horizontal
  • 缩略语
  • 地址

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
块的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)