InstantSite dirancang menggunakan kerangka Bootstrap. Ini memungkinkan situs Anda responsif terhadap berbagai ukuran layar dan perangkat. Penting untuk memahami perbedaan antara baris dan kolom di InstantSite dan bagaimana ini digunakan untuk memastikan situs Anda terlihat benar di lingkungan desktop dan seluler.
Sistem Grid Bootstrap.
Sistem grid Bootstrap memungkinkan Anda untuk menambahkan hingga 12 kolom di setiap baris pada halaman. Jika Anda tidak ingin menggunakan 12 kolom satu per satu, Anda dapat menggunakan kumpulan kolom secara bersamaan. Di bawah ini adalah contoh grup kolom yang dapat digunakan:
span 1 | rentang 1 | rentang 1 | rentang 1 | rentang 1 | rentang 1 | rentang 1 | rentang 1 | rentang 1 | rentang 1 | rentang 1 | rentang 1 |
rentang 4 | rentang 4 | rentang 4 | |||||||||
span 4 | rentang 8 | ||||||||||
rentang 6 | rentang 6 | ||||||||||
rentang 12 |
Saat menambahkan elemen baru ke InstantSite, itu secara otomatis membuat wadah, baris, dan kolom.
- Wadah hanyalah kotak yang menampung baris Anda.
- Baris tersebut adalah grid bootstrap 12 kolom seperti yang dijelaskan di atas;
- Kolom adalah tempat menyimpan elemen yang telah Anda tambahkan ke halaman.
Kolom dapat membentang di mana saja antara 1 dan 12 spasi yang diizinkan di kisi bootstrap 12 kolom. Elemen kemudian dapat berukuran dalam kolom ini menjadi lebar penuh atau sebagian dari 12 kolom yang tersedia.
Mengapa Kolom dan Baris penting
Saat membuat situs web Anda, Anda ingin tata letak konten Anda terlihat profesional di perangkat apa pun. Tidak ada gunanya membuat situs web Anda terlihat luar biasa di desktop jika hampir tidak dapat digunakan di seluler.
Bootstrap memungkinkan desain situs web menjadi responsif terlepas dari perangkat yang digunakan untuk melihatnya. Ini dilakukan dengan menggunakan sistem grid bootstrap 12 kolom yang dijelaskan di atas. Untuk informasi selengkapnya tentang cara kerja kisi Bootstrap untuk membuat konten Anda responsif, kunjungi getbootstrap.com