Saya ingin menambahkan bayangan di Bootstrap pada div ini

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

Dalam dokumentasi GetBootstrap tertulis

"Sementara bayangan pada komponen dinonaktifkan secara default di Bootstrap dan dapat diaktifkan melalui $enable-shadows"

Di file/tempat mana saya benar-benar menambahkan ini?

Saya telah melihat-lihat tetapi sebagian besar jawaban tampaknya merujuk pada sesuatu yang disebut scss dan beberapa proses pembuatan npm run build. Semua ini tampaknya berlebihan untuk kebutuhan. Apakah ada cara "mudah" untuk mengaktifkan bayangan di Bootstrap, seperti tag skrip?

(Saya menggunakan Django, Bootstrap)

3
Jaco 28 Mei 2020, 03:46

1 menjawab

Jawaban Terbaik

Anda tidak dapat melakukan ini dengan beberapa distribusi bootstrap CDN.

Anda perlu mengelola distribusi bootstrap Anda sendiri melalui npm install bootstrap

Setelah selesai, buka node_modules\bootstrap\scss

Buat file bernama _custom.scss di dalam folder itu dengan konten berikut

$enable-shadows: true

Gunakan distribusi lokal di HTML Anda

Referensi

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

1
Supun De Silva 25 Juni 2020, 22:00