用bootstrap写一个警告提示框

本文档指导如何使用Bootstrap框架来创建一个警告提示框。首先,你需要创建一个HTML文件,然后选择语言并输入框架的基本结构。接着,导入Bootstrap的CSS和jQuery文件。在jQuery之后导入Bootstrap的JS文件。在HTML中添加一个带有特定Bootstrap类名的div,例如`.alert`,这些类可以控制提示框的颜色和样式。最后,通过应用不同的文本类,如`.text-success`或`.text-danger`,你可以改变提示框的文字颜色。按照这些步骤,你将能够成功制作一个自定义的警告提示框。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1:创建一个html文件

 

2:选择语言

 

3:输入创建框架

 

4:导入bootstrap的css样式(没有的请去官网下载),可选择botstrap.min.css或者botstrap.css(min是压缩过后的,占用空间更小)

 

5. 再导入jquery文件。(没有的请去官网下载)

 

6.在jquery下方导入bootstrap的js文件(注意:此文件必须要在jquery的下方)

 

7.写一个div并加上以下图片的类名

 

8.打开浏览器进行查看(内容如下)

 

 

9.可设置类名更改颜色(类名如下)

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-body

.text-muted

.text-white

.text-black-50

.text-white-50

10.完成制作

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值