首页 > 软件开发 > HTML >

bootstrap表格状态类如何使用

来源:互联网 2023-03-16 19:18:52 260

在bootstrap中,状态类定义了一些常用的样式,方便开发者的使用。下面小编举例讲解bootstrap表格状态类如何使用。S9s办公区 - 实用经验教程分享!

bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

工具/原料

  • bootstrap html
  • 代码编辑器:zend studio 10.0

方法/步骤

  • 1

    新建一个html文件,命名为test.html,用于讲解bootstrap表格状态类如何使用。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 2

    在test.html文件内,使用link标签加载bootstrap.min.css样式文件。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 3

    在test.html文件内,在div内,使用table标签创建一个表格,并类名设置表格的初始样式。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 4

    “active”类名,用于鼠标悬停在行或单元格上时所设置的颜色。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 5

    “success”类名,用于标识成功或积极的动作。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 6

    “info”类名,用于标识普通的提示信息或动作。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 7

    “warning”类名,用于标识警告或需要用户注意。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 7相关内容未经许可获取自百度经验
  • 8

    “danger”类名,用于标识危险或潜在的带来负面影响的动作。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 9

    在浏览器打开test.html文件,查看实现的效果。S9s办公区 - 实用经验教程分享!

    bootstrap表格状态类如何使用S9s办公区 - 实用经验教程分享!

  • 总结:

  • 1

    1、“active”类名,用于鼠标悬停在行或单元格上时所设置的颜色。

    S9s办公区 - 实用经验教程分享!

    2、“success”类名,用于标识成功或积极的动作。

    S9s办公区 - 实用经验教程分享!

    3、“info”类名,用于标识普通的提示信息或动作。

    S9s办公区 - 实用经验教程分享!

    4、“warning”类名,用于标识警告或需要用户注意。

    S9s办公区 - 实用经验教程分享!

    5、“danger”类名,用于标识危险或潜在的带来负面影响的动作。S9s办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!S9s办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码