所有的bootstrap断点都被弃用了?
看看variables.less(和从googlesearch),看起来像所有的bootstrap的断点lessvariables已被弃用。 它是否正确? 有人知道我们应该使用什么,而不是我们想要基于引导程序的屏幕尺寸断点分配样式? 使用Bootstrap v3.1.1和LESS。 谢谢。
//== Media queries breakpoints // //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone //** Deprecated `@screen-xs` as of v3.0.1 @screen-xs: 480px; //** Deprecated `@screen-xs-min` as of v3.2.0 @screen-xs-min: @screen-xs; //** Deprecated `@screen-phone` as of v3.0.1 @screen-phone: @screen-xs-min; // Small screen / tablet //** Deprecated `@screen-sm` as of v3.0.1 @screen-sm: 768px; @screen-sm-min: @screen-sm; //** Deprecated `@screen-tablet` as of v3.0.1 @screen-tablet: @screen-sm-min; // Medium screen / desktop //** Deprecated `@screen-md` as of v3.0.1 @screen-md: 992px; @screen-md-min: @screen-md; //** Deprecated `@screen-desktop` as of v3.0.1 @screen-desktop: @screen-md-min; // Large screen / wide desktop //** Deprecated `@screen-lg` as of v3.0.1 @screen-lg: 1200px; @screen-lg-min: @screen-lg; //** Deprecated `@screen-lg-desktop` as of v3.0.1 @screen-lg-desktop: @screen-lg-min;
什么@七阶段,马克斯说。 @screen-{sm,md,lg}-min
variables是你应该使用的variables。 其他人已被弃用赞成这些。
而@screen-xs-min
已被弃用,因为XS没有最窄的屏幕尺寸(除非你想计数1px),因为它是最小的断点。 (同样,LG没有最大宽度。)