Bootstrap 启用影子

Question

我想在这个 div 上的 Bootstrap 中添加阴影

<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>

在GetBootstrap文档中它说

“虽然 Bootstrap 中默认禁用组件上的阴影，但可以通过 $enable-shadows 启用它”

我实际上应该在哪个文件/位置添加这个？

我环顾四周，但大多数答案似乎都提到了scss一些所谓的构建过程npm run build。所有这些对于需求来说似乎都太过分了。是否有一种“简单”的方法可以在 Bootstrap 中激活阴影，例如脚本标签？

（我正在使用 Django、Bootstrap）

Answer 1

您无法使用某些CDN bootstrap 发行版来执行此操作。

您需要通过以下方式管理您自己的引导程序发行版npm install bootstrap

完成后，转到node_modules\bootstrap\scss

在该文件夹内创建一个名为的文件，_custom.scss其中包含以下内容

$enable-shadows: true

在 HTML 中使用本地发行版

参考