在bootstrap中 ， 可以直接使用类名给按钮定义样式 ， 非常的简单便捷 。 下面小编举例讲解如何使用bootstrap制作不同样式的按钮 。
文章插图
需要这些哦
html+bootstrap
代码编纂器：z studio 10.0
方式/
1在bootstrap中 ， 危险类型的按钮样式可以用类名btn-danger ， 它是红色的按钮 。
文章插图
2在bootstrap中 ， 警告类型的按钮样式可以用类名btn-warning ， 它是橙色的按钮 。
文章插图
3【如何使用bootstrap制作不同样式的按钮】在bootstrap中 ， 一般信息类型的按钮样式可以用类名btn-info ， 它是浅蓝色的按钮 。
文章插图
文章插图
4在bootstrap中 ， 默认的按钮样式类名为btn-default ， 它是没有什么额外样式润色的按钮 。
文章插图
文章插图
5在test.html文件中 ， 利用link标签引入bootstrap.min.css样式文件 。
文章插图
文章插图
6新建一个html文件 ， 定名为test.html ， 用于讲解若何利用bootstrap建造分歧样式的按钮 。
文章插图
文章插图
总结：11、在bootstrap中 ， 危险类型的按钮样式可以用类名btn-danger ， 它是红色的按钮 。 2、在bootstrap中 ， 警告类型的按钮样式可以用类名btn-warning ， 它是橙色的按钮 。 3、在bootstrap中 ， 一般信息类型的按钮样式可以用类名btn-info ， 它是浅蓝色的按钮 。 4、在bootstrap中 ， 默认的按钮样式类名为btn-default ， 它是没有什么额外样式润色的按钮 。
以上内容就是如何使用bootstrap制作不同样式的按钮的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何设置日语考级app达到水平为N1
- 连信怎么拉黑好友
- echo回声如何设置Deutsch语言
- 小爱同学如何把男声修改为女声
- wpsppt中如何制作灰色简约职场风目录
- Keep如何开启/关闭未成年人模式
- 日语考级app如何开启/关闭音效设置
- 如何设置日语考级app当前水平为五十音
- wpsppt中如何制作晕染水彩风目录
- wpsppt中如何进行虚线矩形极简风图文排版