博客
关于我
Bootstrap 辅助类
阅读量:367 次
发布时间:2019-03-04

本文共 566 字,大约阅读时间需要 1 分钟。

一、Bootstrap 辅助类

1.1 文本

该段落使用了样式 "text-muted"。

该段落使用了样式 "text-primary"。

该段落使用了样式 "text-success"。

该段落使用了样式 "text-info"。

该段落使用了样式 "text-warning"。

该段落使用了样式 "text-danger"。

在这里插入图片描述

1.2 背景

该段落使用了样式 "bg-primary"。

该段落使用了样式 "bg-success"。

该段落使用了样式 "bg-info"。

该段落使用了样式 "bg-warning"。

该段落使用了样式 "bg-danger"。

在这里插入图片描述

1.3 其他类

选项 描述
.pull-left 元素浮动到左边
.pull-right 元素浮动到右边
.center-block 设置元素为 display:block 并居中显示
.clearfix 清除浮动
.show 强制元素显示
.hidden 强制元素隐藏
.sr-only 除了屏幕阅读器外,其他设备上隐藏元素
.sr-only-focusable 与 .sr-only 类结合使用,在元素获取焦点时显示(如:键盘操作的用户)
.text-hide 将页面元素所包含的文本内容替换为背景图
.close 显示关闭按钮
.caret 显示下拉式功能

转载地址:http://ghqr.baihongyu.com/

你可能感兴趣的文章
Neo4j安装部署及使用
查看>>
Neo4j电影关系图Cypher
查看>>
Neo4j的安装与使用
查看>>
Neo4j(1):图数据库Neo4j介绍
查看>>
Neo4j(2):环境搭建
查看>>
Neo4j(3):Neo4j Desktop安装
查看>>
Neo4j(4):Neo4j - CQL使用
查看>>
Neo图数据库与python交互
查看>>
NEO改进协议提案1(NEP-1)
查看>>
Neo私链
查看>>
NervanaGPU 项目使用教程
查看>>
Nerves 项目教程
查看>>
nessus快速安装使用指南(非常详细)零基础入门到精通,收藏这一篇就够了
查看>>
Nessus漏洞扫描教程之配置Nessus
查看>>
Nest.js 6.0.0 正式版发布,基于 TypeScript 的 Node.js 框架
查看>>
nested exception is org.apache.ibatis.builder.BuilderException: Error parsing Mapper XML.
查看>>
nestesd exception is java .lang.NoSuchMethodError:com.goolge.common.collect
查看>>
nestJS学习
查看>>