Nama : Sulthan Aliff Secca Ramadhani

NRP : 05211840000139

Bootstrap XSmall Grid

Sistem Grid memudahkan kita mengatur tata letak elemen di web. Sistem grid Bootstrap
responsif, dan kolom akan diatur ulang tergantung pada ukuran layar. Pada layar kecil akan lebih baik
jika item konten ditumpuk di atas satu sama lain. Dalam hal ini, kita menggunakan Grid Extra Small
untuk perangkat dengan layar kecil seperti ponsel.
Kali ini, saya akan memberikan contoh penerapan pada salah satu contoh website streaming film.

Dari contoh di atas akan menghasilkan pemisahan 25% / 75%. Pada bootstrap Grid X-Small
menggunakan perintah (-col*) menghasilkan resolusi kurang dari 576 px. Berikut sourcode dari
contoh di atas :

Di atas merupakan source yang dihubungkan dengan javascript. Karena kita belum mempelajari
javascript maka saya langsung menyalin textnya.

Pada source code di atas, kita mengatur judul pada sebuah website , deskripsi , dan menghasilkan dua
colom dengan presentasi 25 % dan 75%.

TIPS: Pastikan bahwa jumlahnya bertambah hingga 12 atau lebih sedikit (Ktia tidak perlu
menggunakan semua 12 kolom yang tersedia).