Hallo teman-teman, pada kesempatan kali ini saya ingin berbagi tips tentang bootstrap. Yaitu, cara untuk mengubah ukuran default media query bootstrap. sebelumnya saya iingin menjelaskan tentang 4 ukuran media query 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 Mengubah Ukuran Default Media Query Bootstrap

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

 Cara Mengubah Ukuran Default Media Query Bootstrap

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 Mengubah Ukuran Default Media Query Bootstrap

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

Cara Mengubah Ukuran Default Media Query Bootstrap

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.