Get the bootstrap warning box in one trick

The warning box can flexibly provide some predefined information to provide users with some feedback content and tips. Today we will introduce the bootstrap warning box, which has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Warning box

Putting text and an optional button together is a warning box. To use the warning box, you must Set.alert, there are other classes to choose from. Currently provides success, message, warning, or danger.

成功
 
你有一条新消息
 
警告！！！
 
本次操作危险，是否继续？

Can close the warning box

Add.alert-dismissible to the warning boxclass and a close button, it becomes a warning box that can be closed. In order to ensure that this operation is feasible, you need to add thedata-dismiss="alert"attribute to theelement.

× 警告! 本次操作有风险，是否继续？