弹出提示框

一、示例

基础

透明

堆叠

当我们有多个提示框时, 我们默认以一种可读的方式从上往下堆叠它们

二、位置

当你需要提示框是可以用传统的CSS放置它们。右上角通常用于通知,如下图。如果你一次只展示一个提示框,请将定位样式正确地放在你想要的位置用.toast.

... Bootstrap 11 mins ago
Hello, world! This is a toast message.

对于生成更多通知的系统,可以考虑使用包装元素,这样它们可以轻松地进行堆栈。

你也可以用弹性布局定义提示框水平居中或者垂直居中。