Pada tantangan ini tidak terdapat tujuan spesifik, tujuannya hanya untuk memberi kesempatan bagi kamu untuk mencoba-coba dan bereksplorasi tanpa bimbingan spesifik.
- ▢ Memahami kegunaan framework.
- ▢ Memasang framework Bootstrap pada project.
- ▢ Menggunakan komponen Bootstrap yang sudah siap pakai.
- ▢ Berlatih membaca dokumentasi dari sebuah tool, library, framework, atau aplikasi.
Cek website Bootstrap terlebih dahulu. Lalu download Bootstrap, versi terbaru. Akan di-download sebuah zip yang kemudian perlu kamu ekstrak ke dalam folder yang sama dengan file HTML kita (try-bootstrap.html misalnya).
Akan terdapat folder dengan struktur berikut:
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── js/
└── fonts/
Pindahkan file bootstrap.min.css dan bootstrap-theme.min.css ke bagian root dari project kita
Panggil kedua file tersebut dengan tag <link rel="stylesheet>
Cobalah untuk mengambil berbagai contoh/examples yang tersedia pada dokumentasi tersebut. Misalnya "Narrow Jumbotron" atau "Cover".
Ubahlah konten dan style template tersebut sesuka hati. Misalnya dengan tujuan memperkenalkan diri Anda. Silakan baca dokumentasi CSS-nya untuk lebih tahu apa saja yang dapat kita gunakan.
Selamat! Kamu dapat berhasil membuat website dengan singkat namun dengan layout yang bagus. Terima kasih Bootstrap!