bootstrap如何使用按钮的预定义样式

 时间:2026-02-14 03:16:01

1、新建一个html文件,命名为test.html,用于讲解bootstrap如何使用按钮的预定义样式。

bootstrap如何使用按钮的预定义样式

2、在test.html文件内,使用button标签创建多个按钮,并给它设置btn类名,添加按钮的默认样式。

bootstrap如何使用按钮的预定义样式

3、"btn-primary"类名,一般用作首选项按钮,样式为深蓝色圆角按钮。

bootstrap如何使用按钮的预定义样式

4、"btn-success"类名,一般用作成功操作按钮,样式为绿色圆角按钮。

bootstrap如何使用按钮的预定义样式

5、"btn-info"类名,一般用作信息操作按钮,样式为天蓝色圆角按钮。

bootstrap如何使用按钮的预定义样式

6、"btn-warning"类名,一般用作警告操作按钮,样式为橙色圆角按钮。

bootstrap如何使用按钮的预定义样式

7、"btn-danger"类名,一般用作危险操作按钮,样式为红色圆角按钮。

bootstrap如何使用按钮的预定义样式

8、在浏览器打开test.html文件,查看实现的效果。

bootstrap如何使用按钮的预定义样式

1、"btn-primary"类名,一般用作首选项按钮,样式为深蓝色圆角按钮。


2、"btn-success"类名,一般用作成功操作按钮,样式为绿色圆角按钮。
3、"btn-info"类名,一般用作信息操作按钮,样式为天蓝色圆角按钮。
4、"btn-warning"类名,一般用作警告操作按钮,样式为橙色圆角按钮。
5、"btn-danger"类名,一般用作危险操作按钮,样式为红色圆角按钮。
  • vs2019怎么从github克隆源码
  • mysql的ODBC驱动如何下载及安装
  • 如何将VS2013的解决方案资源管理器移动到左边
  • Eclipse如何画Activity流程图
  • 如何制作一张虚拟的电路板图片?
  • 热门搜索
    元宵节手抄报英语版 书香伴我行手抄报 孝敬老人的手抄报 关于三爱的手抄报 只要妈妈露笑脸手抄报 古诗手抄报内容 手抄报花边图片大全 三节三爱手抄报内容 圣诞节手抄报图片 关于廉政的手抄报