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

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

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..

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

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.