用户在网站里执行了某些动作,如果你有一些反馈的信息,可以使用 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