Change Bootstrap grid pixels size

Question

I was wondering if there is a way to change the default pixel size allocated for the grid system in Bootstrap. For example xs is used for screens <768px but I would like to change that to be <480 for example. Can this be done? Thank you.

Answer 1

You can customize pretty much everything before you download bootstrap.
Just find the breakpoint you want and change it's value, then download the package!

Alternatively you can download the SASS/LESS version and mess with the variables yourself.

I'd go with the latter if you already work with a preprocessor.

Answer 2

只需在bootstrap.css中搜索

@media (min-width: 768px)