Alerts:提示组件

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

用户在网站里执行了某些动作,如果你有一些反馈的信息,可以使用 Bootstrap 的 Alert 组件来显示这些信息 ..

可以先用一个 div 元素,上面加上一个 alert ,然后再加上一个情景类,需要使用 alert 前缀,后面是具体的情景的名字, .. 或者叫上下文, 比如 primary .. secondary .. success 等等 ..

一般 alert 的包装元素上可以再添加一个 role 属性,对应的值可以是 alert,在元素上设置 role 属性,可以提高页面的可用性 ..

div.alert.alert-primary[role="alert"]

里面添加一行文字 .. 现在你看到的就是一个 primary 类型的 alert 组件 ..

在文字里面再添加一个链接 ... 链接上的文字是 see more. 注意现在这个链接的颜色跟 alert 组件不太匹配,我们可以在这个 a 标签上面再添加一个类,名字是 alert-link ... 这样会让链接文字的颜色匹配当前使用的 alert 组件 ..

内容里面也可以包含标题 ... 一个 h4 .. 里面添加点文字 .. alert

Alerts:提示组件《 Bootstrap 4:界面组件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点