Bootstrap辅助类

灰太狼 2022-08-23 08:14 344阅读 0赞

1.文本

  1. .text-muted:文字的颜色换成灰色
  2. .text-primary:文字的颜色变成蓝色
  3. .text-success:文字的颜色变成绿色
  4. .text-info:文字的颜色变成暗蓝色
  5. .text-warning:文字颜色变成暗黄色
  6. .text-danger:文字的颜色变成红色

2.背景

  1. .bg-primary:背景变为蓝色
  2. .bg-success:背景为浅绿色
  3. .bg-info:背景为浅蓝色
  4. .bg-warning:背景为浅橘色
  5. .bg-danger:背景为暗粉色

3.其他

  1. .pull-left:元素浮动到左边
  2. .pull-right:元素浮动到右边
  3. .center-block:设置元素为display:block并居中显示
  4. .clearfix:清楚浮动
  5. .show:强制元素显示
  6. .hidden:强制元素隐藏
  7. .sr-only:除了屏幕阅读器外,其他设备上隐藏元素
  8. .sr-only-focusable:在元素获取焦点时显示
  9. .text-hide:文本不显示,文本内容替换为背景图
  10. .close:显示关闭按钮,按钮不再显示
  11. .caret:显示下拉式功能,显示一个向下的小三角

发表评论

表情:
评论列表 (有 0 条评论,344人围观)

还没有评论,来说两句吧...

相关阅读

    相关 JUC强大的辅助

    JUC中提供了三种常用的辅助类,通过这些辅助类可以很好的解决线程数量过多时Lock锁的频繁操作。这三种辅助类为: • CountDownLatch: 减少计数 • Cy

    相关 辅助工具

    1:项目管理软件,能随时随地看到项目的进展,以及bug的反馈等等信息 > [http://www.zentao.net/][http_www.zentao.net]  禅道