Kelas Kontainer. Ini adalah salah satu kelas bootstrap yang telah ditentukan sebelumnya, yang berisi seluruh konten halaman web di dalamnya. Ada dua kelas container, yaitu kelas container dan container-fluid. Kelas-kelas ini memiliki properti yang berbeda dan seseorang dapat menggunakan kelas yang sesuai dengan kebutuhannya
WADAH-CAIRAN. Ketika konten halaman web diapit oleh elemen div yang memiliki kelas container-fluid, semua elemen yang diapit oleh div diisi dengan lebar penuh perangkat.
WADAH. Ketika konten halaman web diapit oleh elemen div yang memiliki kelas kontainer, semua elemen yang diapit oleh div tidak diisi dengan lebar penuh perangkat. Sebagai gantinya, untuk setiap breakpoint ukuran layar standar, ada kueri media yang telah ditentukan sebelumnya
Misalnya
- @media (min-width: 1200px) .container { max-width: 1140px;}
- @media (min-width: 992px) .container { max-width: 960px; }_
Jelas bahwa menggunakan kelas kontainer akan memberikan margin kiri dan kanan dalam jumlah tertentu, yang merupakan default dan berbeda untuk berbagai ukuran layar. Namun, ada satu pengecualian, ketika ukuran layar berubah dari ukuran tablet menjadi ukuran seluler, kueri media di belakang kelas penampung secara otomatis diubah, menempati 100% lebar layar
- wadah {
lebar. 100%;
padding-kanan. 15px;
padding-kiri. 15px;
margin-kanan. mobil;
margin-kiri. mobil;
}
Contoh. Contoh berikut adalah halaman web responsif yang disesuaikan dengan lebar layar perangkat
Unduh
Unduh SVG untuk digunakan atau diedit
Unduh SVGFon ikon
Menggunakan font web?
Titik kode
- Unicode. U+F62D_
- CSS. \F62D
- JS. \uF62D_
- HTML.
Salin HTML
Rekatkan SVG langsung ke kode proyek Anda