web-dev-qa-db-fra.com

Tous bootstrap points d'arrêt déconseillés?

En regardant variables.less (et à partir de la recherche sur Google), il semble que toutes les variables sans point d'arrêt de bootstrap soient obsolètes. Est-ce correct? Quelqu'un sait-il ce que nous devrions utiliser à la place si nous voulons attribuer des styles basés sur les points d'arrêt de la taille d'écran de bootstrap? Utiliser Bootstrap v3.1.1 avec MOINS. Merci.

//== 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;
csstwitter-bootstrapless
48
launchoverit

Ce que @ sept-phases-max a dit. Le @screen-{sm,md,lg}-min les variables sont celles que vous devez utiliser. Les autres ont été dépréciés en leur faveur.

Et @screen-xs-min est déconseillé car XS n'a pas de taille d'écran la plus étroite (sauf si vous voulez compter 1px) car c'est le plus petit point d'arrêt. (De même, LG n'a pas de largeur maximale.)

43
cvrebert