Create a new loading column size

Question

Atm I use col-lg, col-md, col-sm and col-xs

it happens that col-xs is set to a width of 768px, I think.

How can I create a new col-xxs or something less, for example. width of 480 pixels?

Answer 1

You can use the following for this. I personally contact the boot CDN in my projects and keep the local bootstrap version, so I can use my mixes for my styles related to the site, where I would put the following ...

@media (max-width: $screen-xs-min) {
  @include make-grid(xxs);
}

Answer 2

, . ;

https://github.com/twbs/bootstrap/issues/10203

;

https://github.com/twbs/bootstrap/issues/10203/#issuecomment-42162250

;

SCSS: https://gist.github.com/Jakobud/c057577daddbde4dd709

: https://gist.github.com/wdollar/135ec3c80faaf5a821b0

LESS, Sass, .

Answer 3

, @4dgaurav , Bootstrap LESS. .

LESS, , (!): https://github.com/brgrz/bootstrap-breakpoints