Bootstrap 5警示链接颜色
Bootstrap 5 Alerts Link Color类是用来设置警报元素的颜色的。有不同种类的警报表示不同的事情,如果是成功,那么警报的颜色将是绿色,如果是失败,那么它应该显示红色的警报。每种颜色的警报都代表着什么。警报的颜色应该是它的名字,但是我们在警报链接上使用了颜色,所以根据文档上的名字会出现颜色的混淆。
前提条件: Bootstrap 5 Alert组件,创建警报–为此我们可以使用警报。
提示链接颜色类:
- alert-link。该类用于使警报的文本成为一个链接。
- alert-primary: 该类用于使警报的颜色为蓝色。
- alert-secary: 该类用于使警报的颜色为灰色。
- alert-success。该类用于使警报的颜色为绿色。
- alert-danger。该类用于使警报的颜色为红色。
- alert-warning。该类用于使警报的颜色为黄色。
- alert-info。该类用于使警报的颜色为天蓝色。
- alert-light。该类用于使警报的颜色为白色。
- alert-dark:该类用于使警报的颜色为深灰色。
语法:
下面的例子说明了Bootstrap 5警报链接的颜色:
例子1:在这个例子中,我们将使用六个信息性的警报链接颜色类。
输出:
Bootstrap 5警示链接颜色
例子2:在这个例子中,我们将使用浅色和深色的警报类的颜色,一个警报将没有链接颜色类,只有警报-链接,因为链接的文本将被渲染成蓝色。
输出:
Bootstrap 5警示链接颜色