Bootstrap: Increasing responsive widths

Created on 6 Jun 2018  路  5Comments  路  Source: twbs/bootstrap

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.

css feature v4

Most helpful comment

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;

All 5 comments

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.

Was this page helpful?
0 / 5 - 0 ratings