Bootstrap включить тень

Question

Я хотел бы добавить тень в Bootstrap на этом div

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

В Get Bootstrap в документации написано

" В то время как тени на компонентах отключены по умолчанию в Bootstrap и могут быть включены с помощью $ enable-shadows "

В какой файл / место я действительно добавляю это?

У меня есть осмотрелся, но большинство ответов, похоже, относятся к чему-то под названием scss и некоторому процессу сборки npm run build. Все это кажется излишним. Есть ли «простой» способ активировать тени в Bootstrap, например тег скрипта?

(я использую Django, Bootstrap)

Answer 1

Вы не можете сделать это с некоторыми CDN bootstrap дистрибутивами.

Вам нужно управлять своим bootstrap дистрибутивом через npm install bootstrap

После того, как вы сделали go в node_modules\bootstrap\scss

Создайте файл с именем _custom.scss внутри этой папки со следующим содержимым

$enable-shadows: true

Используйте локальный дистрибутив в вашем HTML

Каталожные номера

https://v4-alpha.getbootstrap.com/getting-started/options/