Desain Web Pertemuan 16 - Membuat Layout Dengan Sistem Grid dan Container Dengan Bootstrap

#tutorialdesainweb

Bootstrap, framework paling populer di dunia. Fungsi Bootstrap untuk mengembangkan website dengan desain yang responsive dan mobile-first. Hampir setiap website yang tersebar di internet menggunakan Bootstrap sebagai komponennya. Ini membuktikan bahwa Bootstrap dipercaya dan diterima oleh banyak pengembang. Ini adalah salah satu alasan mengapa Anda harus belajar Bootstrap.

Anda pasti tau Twitter –sosial media buatan Jack Dorsey yang sangat terkenal. Twitter menyuguhkan tampilan sederhana bernuansa modern, dan tetap nyaman dilihat. Sosial media ini menjadi awal perkembangan Bootstrap, sebelum tersebar di seluruh dunia.

Tema yang ada di WordPress, Joomla, dan CMS lain kebanyakan menggunakan Bootstrap sebagai framework untuk mengatur tampilannya. Tentunya ini akan membuat tema menjadi lebih menarik dan indah.

Anda pun bisa membuat website yang menarik seperti Twitter dan puluhan situs terkenal lainnya. Artikel ini akan membahas cara menggunakan Bootstrap 4 dengan mudah. Harapannya Anda bisa memulai mengembangkan website yang tak kalah menarik menggunakan Bootstrap.

Bootstrap terdiri dari beberapa file. File pada Bootstrap berisi kumpulan baris kode tersusun dari CSS dan JavaScript yang berbentuk class. Jadi ketika Anda menggunakan Bootstrap untuk mengembangkan website, membuat satu tombol tidak perlu menyusun beberapa baris kode karena tinggal memanggil salah satu class saja.

Layout merupakan bagian penting dalam mendesain tampilan sebuah web. Ibarat membangun rumah layout adalah kerangka dari rancangan rumah yang ingin dibuat. Dengan menggunakan layout kita dapat mengatur rencana tampilan web dengan rapi dan terstruktur. Bootstrap mempunyai fasilitas untuk membuat layout dengan mudah. Layout yang dibuatpun support pada responsive desain. Dengan menggunakan sistem grid pada bootstrap kita dapat membuat layout yang responsive dengan cukup mudah untuk diterapkan pada website kita.