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

你可能感兴趣的文章
NewspaceGPT的故事续写能力太强了
查看>>
NewspaceGPT绘制时序图
查看>>
NewspaceGPT绘制类图
查看>>
new一个对象的过程
查看>>
new和delete用法小结
查看>>
new对象时,JVM内部究竟藏了什么小秘密?
查看>>
new操作符的实现原理
查看>>
Next.js React Server Components 教程
查看>>
NextGen Mirth Connect XStream反序列化远程代码执行漏洞(CVE-2023-43208)
查看>>
next项目部署到服务器pm2进程守护
查看>>
nexus 介绍
查看>>
nexus上传jar
查看>>
Nexus指南中的更新强调集成和透明度的重要性
查看>>
Nexus指南已经发布
查看>>
Nexus(1):Nexus的安装与配置
查看>>
NFC技术:概述
查看>>
NFinal学习笔记 02—NFinalBuild
查看>>
NFS
查看>>
nfs mount 故障 mount.nfs: access denied by server while mounting 10.0.100.208:/backup_usb
查看>>
NFS Server及Client配置与挂载详解
查看>>