Currently, bootstrap supports several browser widths, with the largest as 'extra large' which catches all experiences greater than 1200px. Unfortunately, w3schools has identified that as of last year, 90% of all browsers exceed this. While I can create a custom solution, it seems ideal for bootstrap to add additional widths (xl2, xl3, etc) to encompass the growing display situation.
I vote against. Bootstrap is a mobile-first experience.
Build responsive, mobile-first projects on the web with the world's most popular front-end component library.
Why md/lg/xl are insufficient? Can't you add expand LG or XL widths? Or add your own media sizes in boostrap?
// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;
I think I would vote against as well because I don't believe your 95% would take advantage of these larger breakpoints. Bootstrap makes it so easy to build in your own additional breakpoints, I would say this is better solved on a per-project basis.
This could be a breaking change to projects if this came out, I reckon if we're going to change them, leave it until v5. That being said, I agree with @ItaloBC
A new breakpoint over 1600px would be useful.... IMHO
Closing as a won't fix for v4. Can revisit in v5.
Most helpful comment
I vote against. Bootstrap is a mobile-first experience.
Why md/lg/xl are insufficient? Can't you add expand LG or XL widths? Or add your own media sizes in boostrap?