Bootstrap Pada PHPRad

Pengertian Bootstrap

Apa itu bootstrap dan fungsinya?

Bootstrap didefinisikan sebagai framework CSS open source untuk kebutuhan pembuatan tampilan desain visual dari sebuah aplikasi web atau website. Fungsi utama Bootstrap adalah untuk membuat situs responsif. Antarmuka situs web akan bekerja secara optimal di semua ukuran layar, termasuk layar smartphone dan layar komputer/laptop. Pengembang tidak perlu lagi mendesain situs tertentu untuk perangkat tertentu.

Bootstrap Pada Aplikasi PHPRad sudah include pada saat digunakan, Komponen atau pun class pada Bootstrap dalam aplikasi phprad dapat digunakan pada projek. Agar Bootstrap dapat dipahami berikut penjelasanya terkait fungsi Bootstrap itu sendiri

Pengertian section pada HTML Bootstrap

section artinya bagian atau bagian. Tag HTML <section> mewakili bagian dari dokumen atau aplikasi. Dalam konteksnya, elemen <section> digunakan untuk mengelompokkan konten/dokumentasi menjadi beberapa bagian berdasarkan tema atau gagasan utama masing-masing.

Apa itu class Row Bootstrap?

Class row digunakan untuk membuat baris. Kelas ini menggunakan flex , tetapi breakpoint tidak berfungsi dengan kelas ini. Kelas col digunakan untuk membuat kolom. Kelas ini harus dibungkus oleh kelas baris untuk menjadi grid.

Apa itu class Col Bootstrap?

.col-sm-* adalah awalan kelas yang digunakan untuk membagi garis dengan ukuran lebih besar atau sama dengan 768 piksel atau kurang.

Class Container

Container berfungsi untuk membalut blok layout, agar terlihat rapi terhadap ukuran layar. Container merupakan fondasi dasar dari blok layout.

Beberapa breakpoint Class Container yang dimiliki.

 Ukuran Container akan seratus persen pada breakpoint tertentu. Misalnya, jika menggunakan class container-md maka lebar Container akan seratus persen pada layar Extra Small dan Small.

Class row dan col

Class row dan col merupakan class yang digunakan untuk membuat baris dan kolom. Kedua class inilah yang berfungsi atau digunakan untuk membuat grid.

Class row memiliki fungsi untuk membuat baris. Pada Class ini digunakan flex, akan tetapi  pada class ini breakpoint tidak berlaku.

Kemudian Class col memiliki fungsu  untuk membuat kolom. Class ini harus dibalut oleh class row agar menjadi grid.

Pada Class col memiliki ukuran dan breakpoint. Ukuran terpanjang adalah 12, dan ukuran yang terpendek adahlah 1.

Class Gutter

Gutter merupakan jarak antar kolom. Pada Class Gutter penulisan dilakukan secara bersamaan dengan class row.

Pada Class Gutter memiliki ukuran mulai dari 0 - 5.

Apa itu grid pada Bootstrap?

Sistem grid adalah pengaturan lebar sistem untuk setiap komponen yang ingin kita buat. Setting ini dimaksudkan untuk mengatur responsiveness dari website yang kita buat. Jadi kita bisa dengan mudah mengaturnya.

Grid adalah susunan berbingkai yang dibangun di atas garis dengan posisi vertikal dan horizontal, dan grid berfungsi sebagai alat untuk mengatur atau menata objek dalam konteks perencanaan dalam ruang gambar dua dimensi. Sistem grid adalah kemampuan mendasar yang harus diketahui dan dipahami oleh desainer.

Apa itu Col SM 12 Bootstrap?

col-sm-12 digunakan jika lebar perangkat yang digunakan untuk mengakses web nanti adalah 576px atau lebih besar, maka elemen bilah sisi akan mendapatkan kisi 12, yang berarti ditampilkan pada 1 baris tata letak penuh