containers
Containers
Wadah memiliki dua bagian:
Struktur HTML adalah:
<Div class = "container">
<Div class = "header"> </div>
<Div class = "left"> </div>
<Div class = "Middle"> </Div>
<div class = "right"> </div>
<Div class = "footer"> </div>
</div>
Dan CSS harus diunduh dari sini.
Setiap bagian wadah dapat berisi wadah lain atau tag, formulir atau komponen HTML apa pun.
Anda harus menghindari komponen di dalam wadah tetapi di luar bagian wadah.
Ukuran default dari setiap bagian kontainer adalah:
- Header: Lebar: 100%, Tinggi: 10% - Kiri: Lebar: 10%, Tinggi: 80% - Tengah: Lebar: 80%, Tinggi: 80% - Kanan: Lebar: 10%, Tinggi: 80% - Footer: Lebar: 100%, Tinggi: 10%
Gunakan kelas kami untuk mengubah ukuran default ini atau bahkan membuat bagian apa pun tidak ditampilkan.
Untuk tidak menunjukkan bagian apa pun, gunakan salah satu kelas ini: tidak ada , W00 , H00 .
Untuk menentukan lebar lain, gunakan kelas -kelas ini: W05 , W10 , W15 , W20 , W25 , W30 , W35 , W40 , W45 , W50 , W55 , W60 , W65 , W70 , W75 , W80 , W85 , W90 , W95 , W100 .
Untuk mendefinisikan ketinggian lain, gunakan kelas -kelas ini: H05 , H10 , H15 , H20 , H25 , H30 , H35 , H40 , H45 , H50 , H55 , H60 , H65 , H70 , H75 , H80 , H85 , H90 , H95 , H100 .
Jumlah di kelas adalah persentase yang akan diterapkan pada bagian kontainer atau div.
Menggunakan wadah dimungkinkan untuk membuat tata letak yang diinginkan.
Lihatlah contoh kami untuk memahami cara menggunakan wadah.
Wadah memiliki banyak komponen untuk digunakan juga. Beberapa dari mereka hanya menggunakan CSS untuk diformat, yang lain menggunakan JavaScript untuk mengimplementasikan tindakan atas diri mereka sendiri.
Ikon yang digunakan di komponen kami diambil dari versi desktop yang luar biasa dan disertakan untuk diunduh.
Ikon-ikon ini secara manual berganti nama menjadi nama mereka dimulai dengan "fa-" sebagai atribusi dengan kepemilikan mereka: font mengagumkan.
Anda dapat berkontribusi pada wadah yang membuat tema yang luar biasa dan berkomitmen pada repositori kami,
Donasi (Patreon) atau dengan saran.
========================================================================================================================= -Browser yang Didukung (Versi Minimum) [Kompatibilitas: 92,73% dari browser yang digunakan global di 2020-06-02]: --------------------------------------------------- Browser: Versi: Platform --------------------------------------------------- - Chrome: 49: PC/Mac - Chrome: 81: Android - Edge: 16: PC - Firefox: 34: PC/Mac - Firefox: 68: Android - Opera: 36: PC/Mac - Opera: 46: iOS, Android (Opera Mobile) - Safari: 13.1: Mac - Safari: 13.4: IOS - Samsung: 11.1: Android --------------------------------------------------- - Browser yang didukung? [Kompatibilitas Tidak Diketahui: 1,98% di 2020-06-02]: - UC Browser: 12.12: Android -Tidak didukung browser [tidak kompatibel: 2,70% pada 2020-06-02]: - yaitu - Opera Mini - qq Catatan: Versi minimum diambil dari https://caniuse.com Mencari fitur CSS yang kami gunakan. =========================================================================================================================
