Подтвердить что ты не робот

Все точки останова бутстрапа устарели?

Рассматривая переменные .less(и от googling around), похоже, что все точки останова бутстрапа меньше переменных устарели. Это верно? Кто-нибудь знает, что мы должны использовать вместо этого, если мы хотим назначить стили на основе точек останова на уровне загрузочного экрана? Использование 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;
4b9b3361

Ответ 1

Что сказал семифаз-макс. Переменные @screen-{sm,md,lg}-min - это те, которые вы должны использовать. Другие устарели в пользу этих.

И @screen-xs-min устарел, потому что XS не имеет самого узкого размера экрана (если вы не хотите считать 1px), так как это самая маленькая точка останова. (Аналогично, LG не имеет максимальной ширины.)