css - attribute - ¿Todos los puntos de ruptura bootstrap están obsoletos?

tooltip html bootstrap

Question

En cuanto a variables.less (y de googlear), parece que todas las variables de punto de interrupción de bootstrap están en desuso ¿Es esto correcto? ¿Alguien sabe qué deberíamos usar si queremos asignar estilos basados ​​en los puntos de corte de tamaño de pantalla de bootstrap? Usando Bootstrap v3.1.1 con MENOS. Gracias.

//== 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;

Answer 1

Lo que @ siete-fases-max dijo. Las variables @screen-{sm,md,lg}-min son las que debe usar. Los otros han sido desaprobados a favor de estos.

Y @screen-xs-min está en desuso porque XS no tiene un tamaño de pantalla más estrecho (a menos que desee contar 1px) ya que es el punto de interrupción más pequeño. (Del mismo modo, LG no tiene ancho máximo.)