Bootstrap学习笔记系列7Bootstrap简单背景CSS及其他辅助类

背景

通过添加下列类，可以快捷的变换背景颜色，如果是链接的话，鼠标移动上去会变暗

• bg-primary 被修饰元素将会应到primary类，显示吃淡蓝色，文本颜色会变成白色。
• bg-success 被修饰元素表示成功的信息，背景变成绿色
• bg-info 被修饰元素背景颜色会变成淡蓝色
• bg-warining 被修饰元素表示值得注意的信息，背景颜色变成土黄色
• bg-danger 被修饰元素表示危险的信息，背景颜色会变成红色

其他

浮动

• pull-left 元素浮动到左边
• pull-right 元素浮动到右边

内容居中

• center-block 设置元素为display：block并居中显示

清除浮动

• clearfix 清除浮动

显示和隐藏内容

• show 显示元素（包括屏幕阅读器）
• hidden 隐藏元素（包括屏幕阅读器）

屏幕阅读器

• sr-only 让元素对所有设备隐藏，除了屏幕阅读器
• sr-only-focusable 在元素获得焦点的时候显示

样式

• close 会产生通用的关闭图标
• caret 显示出通用的下拉框