Menggunakan Bootstrap JavaScript CDN
Bootstrap adalah framework CSS dan JavaScript populer yang digunakan untuk membangun situs web responsif dan indah. Bootstrap menawarkan berbagai komponen dan utilitas yang dapat membantu Anda dalam membangun tata letak situs web, tombol, navigasi, dan elemen lainnya dengan mudah. Untuk menggunakan Bootstrap dalam proyek Anda, Anda dapat mengunduh file Bootstrap atau menggunakan Content Delivery Network (CDN).
Apa itu CDN?
CDN adalah jaringan server yang didistribusikan di seluruh dunia yang dirancang untuk mengirimkan konten statis, seperti file JavaScript dan CSS, dengan cepat ke pengguna di seluruh dunia. Dengan menggunakan CDN, Anda dapat meningkatkan kecepatan situs web dan mengurangi waktu pemuatan halaman.
Menggunakan CDN Bootstrap JavaScript
Untuk menggunakan Bootstrap JavaScript melalui CDN, Anda dapat menyertakan tag <script> berikut di dalam bagian <head> dari halaman HTML Anda:
Penjelasans:
https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css: URL ini menunjuk ke file CSS Bootstrap versi 4.5.2. Anda dapat mengganti nomor versi ini dengan versi Bootstrap yang ingin Anda gunakan.https://code.jquery.com/jquery-3.5.1.slim.min.js: Bootstrap 4 memerlukan jQuery untuk beberapa fungsinya. URL ini menunjuk ke file jQuery versi 3.5.1.https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js: Bootstrap 4 juga memerlukan Popper.js untuk beberapa komponen seperti dropdown dan tooltips. URL ini menunjuk ke file Popper.js versi 1.16.1.https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js: URL ini menunjuk ke file JavaScript Bootstrap versi 4.5.2.
Keuntungan Menggunakan CDN:
- Kecepatan: CDN mengantarkan file Bootstrap dari server yang lebih dekat ke pengguna, sehingga mengurangi waktu pemuatan halaman.
- Ketersediaan: CDN memastikan bahwa file Bootstrap selalu tersedia, bahkan jika server web Anda mengalami masalah.
- Kemudahan: Anda tidak perlu mengunduh dan mengelola file Bootstrap sendiri.
Peringatan:
- Pastikan Anda menggunakan versi Bootstrap JavaScript yang sama dengan versi Bootstrap CSS yang Anda gunakan.
- Jika Anda menggunakan CDN untuk Bootstrap JavaScript, pastikan Anda juga menyertakan jQuery dan Popper.js.
Dengan menggunakan CDN Bootstrap JavaScript, Anda dapat dengan mudah menambahkan fungsionalitas Bootstrap ke situs web Anda dan meningkatkan kecepatan situs web Anda.