Cara penggunaan Bootstrap 5

Bootstrap 5 resmi dirilis versi Alpha pada tanggal 16 Juni 2020. Berikutnya versi Beta dirilis pada 7 Desember 2020.

Bootstrap merupakan frame CSS yang paling banyak dipakai untuk Front End Developer.

Persiapan untuk Belajar menggunakan Bootstrap 5

Untuk sebelum mulai belajar penggunaan bootstrap, kita perlu mempersiapkannya.

Dan syarat untuk mempelajari bootstrap, kamu minimal sudah paham penggunaan CSS dan Javascript terlebih dahulu.

Apa alasannya ?

Karena kan saat kita menggunakan bootstrap, pasti akan banyak menggunakan class bootstrap nya sendiri. Dan kalau kamu masih belum paham tentang CSS, pasti akan merasakan kesulitan.

Penggunaan Bootstrap pada HTML

Untuk menggunakan bootstrap sendiri pada HTML, kita menggunakan via CDN saja biar cepat yaaa…

Menggunakan CDN

Untuk cara penggunaan ini terbilang mudah untuk di praktekan bagi pemula.

User hanya dengan melakukan copy paste link CDN Bootstrap, lalu tempatkan pada kode HTML nya.

Jika kita menggunakan CDN, syaratnya itu kita harus selalu terhubung ke internet, karena Bootstrap akan mengambil dari server CDN.

Untuk yang belum tau CDN itu apa ? CDN itu singkatan dari Content Delivery Network, sejenis server yang cukup luas untuk mengantarkan konten dengan optimal dan cepat.

 

Nah.. dibagian Introductionnya itu ad acara Quick Start yaa.. Disitu kita diberitahu code untuk menggunakan Bootstrap nya yaitu dengan cara mengcopy paste kan code CSS dan JavaScript nya saja, seperti gambar dibawah ini

Naaahh,… cara yang pertama itu.. silahkan kalian copy dan paste kan code CSS nya di dalam element <head>. Setelah itu kalian bisa copy dan paste kan code JavaScript nya dan letakan dipaling akhir dari code html nya. Jika ada 2 pilihan Bundle atau Separate, bingung pilih yang mana ??? Kalau saran saya sih kalian gunakan yang Bundle saja ya.. karena singkat.

Ternyata Bootstrap baik juga lohhh, dia sudah memberikan kita dalam bentuk Starter Template nya.. jadi kita bisa langsung aja copy dan paste kedalam file HTML kita dehhh..contohnya seperti gambar dibawah ini yaaa..

Share this article

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

Connect with us

Isi email kamu untuk terhubung dengan Haltev, soal trend, promo dan lainnya

Request Syllabus

Isi formulir pendaftaran dengan lengkap untuk mendapatkan silabus kelas.

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

Konfirmasi Pembayaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00