Bootstrap

Mendesain suatu website sangat penting, karena memainkan peran dalam menciptakan
tampilan yang menarik pada website untuk pengguna. Karena itu, Anda perlu mendapatkan
keterampilan mendesain, yang membantu Anda membuat situs web yang menarik. Saat
mendesain tampilan suatu website biasanya terkendala di waktu. Beberapa framework telah
muncul untuk memudahkan dan membantu tugas mendesain .
Sejak 2013, Bootstrap telah menjadi salah satu proyek paling populer di platform berbagi kode
GitHub. Bootstrap memiliki dukungan komunitas yang baik dan luas ekosistem termasuk
template dan ekstensi yang dibangun di sekitarnya. Dengan modular pendekatan, Bootstrap
menghemat banyak waktu dan usaha yang memungkinkan Anda untuk fokus pada bagian inti
dari proyek pengembangan web Anda. Dirilis pada awalnya oleh Twitter untuk menjaga
konsistensi dalam perancangan dan pengembangan web internal mereka proyek, Bootstrap
telah berevolusi dan sejak rilis Versi 3 telah dilisensikan di bawah lisensi MIT .

Mengutamakan desain untuk perangkat Mobile

Dengan munculnya ponsel dan tablet, desain web responsif adalah kebutuhan. Sebelumnya,
ada hanya mendesain untuk tampilan Dektop, lalu seiring perkembangan teknologi, perangkat
yang digunakan tidak lagi hanya dektop untuk membuka atau mengunjungin halaman website,
tetapi saat ini bisa menggunakan perangkat handphone atau tablet.

Dengan Bootstrap, dapat membantu anda membuat situs web yang berfungsi secara efisien di
platform seluler. Dan bootstrap sudah mempertimbangkan batasan dimensi ukuran yang
berbeda pada setiap platform. Dengan demikian, situs web Anda dilengkapi dengan baik untuk
menangani perubahan dimensi ukuran halaman terlepas dari apakah Anda menggunakan
perangkat iPad, Windows PC, atau platform lain pilihan Anda.

Salah satu yang terlihat adalah pada navigasi menu Pada layar desktop ke tampilan handpone,
halaman web akan ditampilkan sebagai berikut:

Pada gambar di atas menunjukan tampilan di layer PC, terlihat menu pada situs website
tersebut berada di pojok kanan, dan sejarar.

Pada tampilan diatas menunjukan tampilan pada platform mobile handphone.

Menu pada tampilan handphone, berjajar ke bawah setelah di kli symbol bar.

Bootstrap didalamnya terdapat berbagai macam system, mulai dari tataletak, grid responsive,
tipografi, tombol, table dll. Dengan pengetahuan dasar tentang HTML dan CSS, Anda dapat
memahami Bootstrap dan mengimplementasikan dalam proyek website yang Anda akan
bangun, sehingga menjadikannya pilihan tool untuk desain web.

Keuntungan Bootstrap.
Dapat digunakan kembali: Dalam mendesain web, pola modular lebih disukai seperti yang Anda
lakukan tidak perlu menulis ulang kode untuk berbagai bagian desain halaman website Anda.
Bootstrap memiliki komponen siap pakai, style CSS, dan plugin yang dapat disertakan langsung
dalam kode Anda. Aspek ini menghemat banyak waktu.
Konsistensi: Kemudahan pembacaan kode sangat penting bagi seorang desainer.
Tata letak grid yang fleksibel: Bootstrap memiliki sistem Grid default yang dapat menskala
hingga 12 kolom dengan peningkatan relatif dalam ukuran layar dan dengan fleksibilitas untuk
memilih grid responsif tetap atau luid.

Kustomisasi: Anda dapat menyesuaikan Bootstrap secara signifikan menggunakan built-in

Sesuaikan opsi, di mana Anda dapat memilih fitur yang ingin Anda gunakan dan hapus style
pada kode yang tidak Anda inginkan.

2 instalasi dan costume bootstrap.

Ada beberapa cara untuk menggunakan Bootstrap ke dalam proyek Anda. anda bisa sesuaikan
Bootstrap tergantung pada kebutuhan Anda. Terkadang, Anda perlu membuat perubahan kecil
seperti menambahkan warna atau mengubah ukuran font dll.
Dalam bab ini, kami akan membahas cara-cara berikut untuk menggunakan Bootstrap untuk
proyek Anda:
• Menyertakan Bootstrap dalam proyek Anda
• Jaringan Pengiriman Konten Bootstrap (CDN)
• Mengganti dengan CSS khusus
• Penyesuai Bootstrap
• Kustomisasi mendalam dari Bootstrap
• Mengkompilasi file KURANG