How or where do I change Bootstrap columns width?

Question

I am trying to lower the point where the col-lg- classes switch to the col-xl-classes because I'd like to have more control on the 1600-1980 width screens. Right now it just switches from col-md- to col-lg-, but I'd also like to use the col-xl- for the 1900+ width screens.

I'm using JS/CSS only (no SASS or LESS), so I'm looking for the points where those widths are set.

There's no easy way to add a new breakpoint in 3.x w/o LESS or SASS. Maybe consider [Bootstrap 4](http://v4-alpha.getbootstrap.com/) although it's still in alpha. — Carol Skelly, Jun 21 '16 at 12:57

score 1 · Answer 1 · answered Jun 21 '16 at 12:57

1

Example:

@media (min-width: 1900px) {
  .container {
    width: 1700px;
  }
}

answered Jun 21 '16 at 12:57

max

8,632
3
21
55

How or where do I change Bootstrap columns width?

1 Answers1