css - All bootstrap breakpoints deprecated? -
looking @ variables.less (and googling around), looks of bootstrap's breakpoint less variables deprecated. correct? know should using instead if want assign styles based on bootstrap's screen-size breakpoints? using bootstrap v3.1.1 less. thanks.
//== media queries breakpoints // //## define breakpoints @ layout change, adapting different screen sizes. // small screen / phone //** deprecated `@screen-xs` of v3.0.1 @screen-xs: 480px; //** deprecated `@screen-xs-min` of v3.2.0 @screen-xs-min: @screen-xs; //** deprecated `@screen-phone` of v3.0.1 @screen-phone: @screen-xs-min; // small screen / tablet //** deprecated `@screen-sm` of v3.0.1 @screen-sm: 768px; @screen-sm-min: @screen-sm; //** deprecated `@screen-tablet` of v3.0.1 @screen-tablet: @screen-sm-min; // medium screen / desktop //** deprecated `@screen-md` of v3.0.1 @screen-md: 992px; @screen-md-min: @screen-md; //** deprecated `@screen-desktop` of v3.0.1 @screen-desktop: @screen-md-min; // large screen / wide desktop //** deprecated `@screen-lg` of v3.0.1 @screen-lg: 1200px; @screen-lg-min: @screen-lg; //** deprecated `@screen-lg-desktop` of v3.0.1 @screen-lg-desktop: @screen-lg-min;
what @seven-phases-max said. @screen-{sm,md,lg}-min
variables ones should use. others have been deprecated in favor of these.
and @screen-xs-min
deprecated because xs has no narrowest screen size (unless want count 1px) since it's smallest breakpoint. (likewise, lg has no maximum width.)
Comments
Post a Comment