Sudah pernah kenal css framework kan? Itu lho.. serangkaian pengaturan css yang sudah dibuat secara terstruktur dan sistematis sehingga kita tinggal pakai. Kita tidak perlu mendefinisikan lagi css untuk setiap bagian dari website.
Dengan css framework, desain website menjadi lebih mudah dan tampilannya dipastikan bagus dan responsive untuk nyaris semua device, dengan usaha minimal tetapi hasilnya maksimal.
Ada banyak css framework yang bisa di download gratis di internet, tetapi dari semuanya, bootstrap menjadi yang terdepan. Berikut sebagian alasannya.
Desain responsif
Salah satu keunggulan utama menggunakan Bootstrap adalah desain web-nya yang responsif. Bootstrap memastikan website berfungsi dengan baik di semua perangkat, baik desktop, tablet, maupun ponsel. Hal ini penting mengingat saat ini pengguna internet mengakses web dari berbagai perangkat.
Punya banyak komponen
Bootstrap dilengkapi dengan berbagai komponen yang siap digunakan, seperti tombol, form, dan navigasi yang semuanya mudah diintegrasikan ke dalam desain web. Tidak hanya menghemat waktu, keunggulan ini juga membantu menjaga konsistensi desain di seluruh website.
Icon dan Theme yang lengkap
Koleksi ribuan icon dan ditambah theme yang juga banyak, membuat keunikan website terjaga, kita bisa menggunakannya untuk membuat website kita berbeda dengan website lain. Tampilan website kita juga akan lebih manis karena menggunakan icon – icon yang sesuai dengan kebutuhan website.
Dokumentasi ekstensif dan komunitas aktif
Bootstrap memiliki dokumentasi yang sangat rinci dan mudah dipahami. Saat menggunakan Bootstrap, kamu juga menjadi bagian dari komunitas yang besar dan aktif. Jika suatu saat kamu mengalami masalah atau memerlukan inspirasi, ada banyak forum, grup diskusi, dan sumber daya lain yang tersedia dari user Bootstrap lain.
Kustomisasi mudah
Meskipun Bootstrap datang menggunakan setting default, kamu tetap bisa dengan mudah menyesuaikannya sesuai kebutuhan proyek. Artinya, website akan tetap unik meskipun menggunakan framework yang sama dengan website lain.
Cara mengunakannya?
Untuk menggunakannya di website kita, ada beberapa cara,berikut sebagian di antaranya:
- CDN (Content Delivery Network): metode ini memungkinkan kamu menggunakan Bootstrap tanpa download file apapun di sistem, jadi tidak perlu menambah space apapun. Kita hanya perlu menambahkan link CDN ke file HTML. CDN sangat disarankan karena lebih cepat dan lebih ringan untuk load web. Contoh:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">- Download file Bootstrap: kamu juga bisa download Bootstrap dari website resminya dan memasukkan file tersebut di web server milikmu, jangan lupa menambahkan linknya ke file HTML yang anda miliki.
- Menggunakan package manager: jika familiar dengan package manager seperti NPM atau Yarn, kamu dapat menginstal Bootstrap melalui alat ini. Jalankan NPM atau Yarn, makan bootstrap akan terintegrasi dengan website anda.
Selanjutnya kita hanya perlu mengikuti penamaan struktur sesuai dengan yang diatur oleh bootstrap, berik
| span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 |
| span 4 | span 4 | span 4 | |||||||||
| span 4 | span 8 | ||||||||||
| span 6 | span 6 | ||||||||||
| span 12 | |||||||||||
Untuk explore lebih jauh tentang bootstrap ini, bisa pelajari di example ini