WebsiteLesson 295Preview gratis
Make a Website (BS4)
Lesson ini bagian dari How To · Semua level
Ringkasan
Bootstrap 4 membawa sistem grid berbasis flexbox yang lebih fleksibel dibanding versi sebelumnya. Kelas utilitasnya lengkap untuk margin, padding, warna, dan penyelarasan, sehingga penyesuaian tampilan bisa dilakukan langsung di HTML. Bootstrap 4 juga memperkenalkan navbar yang lebih mudah dibuat responsif dan tidak lagi membutuhkan jQuery untuk sebagian besar komponen dasar.
Poin kunci
- Grid Bootstrap 4 dibangun dengan flexbox dan tetap 12 kolom
- Kelas container, row, dan col-* menjadi fondasi tata letak
- Navbar responsif memakai navbar-expand-lg dan navbar-toggler
- Utilitas seperti mt-3, p-4, dan bg-primary mempercepat styling
- Berkas JavaScript bundle memuat Popper untuk tooltip dan dropdown
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.