博客
关于我
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/

你可能感兴趣的文章
NodeJs入门知识
查看>>
nodejs包管理工具对比:npm、Yarn、cnpm、npx
查看>>
NodeJs单元测试之 API性能测试
查看>>
nodejs图片转换字节保存
查看>>
nodejs在Liunx上的部署生产方式-PM2
查看>>
nodejs基于art-template模板引擎生成
查看>>
nodejs字符与字节之间的转换
查看>>
NodeJs学习笔记001--npm换源
查看>>
NodeJs学习笔记002--npm常用命令详解
查看>>
nodejs学习笔记一——nodejs安装
查看>>
vue3+Element-plus icon图标无法显示的问题(已解决)
查看>>
NodeJS实现跨域的方法( 4种 )
查看>>
nodejs封装http请求
查看>>
nodejs常用组件
查看>>
nodejs开发公众号报错 40164,白名单配置找不到,竟然是这个原因
查看>>
Nodejs异步回调的处理方法总结
查看>>
NodeJS报错 Fatal error: ENOSPC: System limit for number of file watchers reached, watch ‘...path...‘
查看>>
nodejs支持ssi实现include shtml页面
查看>>
Nodejs教程09:实现一个带接口请求的简单服务器
查看>>
nodejs服务端实现post请求
查看>>