Cara Mudah Mengubah Breakpoints Bootstrap

Hallo kawan Dumenity,, pada kesempatan kali ini saya ingin berbagi tips tentang bootstrap. Yaitu, Cara Mudah Custom Bootstrap Breakpoints Bootstrap. Sebelumnya saya ingin menjelaskan tentang 4 ukuran media querybreakpoints yang dipakai dalam bootstrap

4 bagian tersebut adalah

XS = Extra Small = << 450px
SM = Small = 451px - 768px
MD =
Medium =769px - 992px
LG =
Large = 993px - 1200px

 

Sebenarnya ukuran diatas bisa diubah sesuai keinginan kita.. Bagaimana caranya?

Pertama, buka http://getbootstrap.com

Klik tab Customize di bagian atas

Cara Mudah Melakukan Custom Breacpoints Bootstrap-1`

 

 

Tekan Ctrl + F di keyboard dan cari kata ”Media queries breakpoints”

Cara Mudah Melakukan Custom Breacpoints Bootstrap-2

 

Disana ada 4 bagian ukuran utama. yaitu..  @screen-xs, @screen-sm, @screen-md, @screen-lg

 Masing-masing memiliki ukuran yang bisa diubah.. sekarang tinggal tentukan ukuran yang kalian inginkan untuk ukuran yang saya beri tanda merah berikut..

Cara Mudah Melakukan Custom Breacpoints Bootstrap-3

 

Jika sudah.. kita langsung scroll ke bagian paling bawah.. dan klik Compile and Download..

Cara Mudah Melakukan Custom Breacpoints Bootstrap-4

 

Nahh setelah di download tinggal kalian pasang plugin bootstrap yang telah di download tadi ke file html kalian.. mudah bukan? Semoga tips kali ini dapat bermanfaat ya.

23 November 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat