Html 引导中的提升段？

我来自语义用户界面，我正在学习引导。尽管Bootstrap是目前为止比较流行的框架，但我发现它有点不受欢迎，缺少一些语义UI的基本样式

目前，我正在搜索语义UI的凸起部分的等价物，基本上是带边框的容器，带有阴影，使它们看起来高于其他内容，如图所示：

---

在Bootstrap中是否有类似的东西，或者我是否必须使用CSS边框和框阴影来滚动我自己的？我知道这在CSS中相对容易实现，但我只是想确保我没有重新发明轮子

据我所知，Bootstrap没有shadow的内置样式，您需要使用以下命令轻松声明自己的默认设置：

.box-shadow-strength-0{
    box-shadow: 1px 1px 25px 0px black;
}

.box-shadow-strength-1{
    box-shadow: 1px 1px 25px 5px black;
}

.box-shadow-strength-2{
    box-shadow: 1px 1px 25px 10px black;
}
....

以下是每个值的作用：

box-shadow: [horizontal] [vertical] [blur] [spread] [color];

您可以在此处阅读有关CSS框阴影和浏览器支持的更多信息：

您还可以使用generator online，使用以下工具尝试不同的可能性：

---

谢谢您的详细回答