Variables.lessを見ると(そしてグーグルの動きから)、ブートストラップのすべてのブレークポイントを除いた変数が非推奨になっているように見えます。これは正しいです?ブートストラップの画面サイズのブレークポイントに基づいてスタイルを割り当てたい場合、誰が代わりに使用すべきかを知っていますか? LESSでBootstrap v3.1.1を使用。ありがとう。
//== 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;
@ seven-phases-maxが言ったこと。 @screen-{sm,md,lg}-min
変数は、使用すべき変数です。他のものはこれらを支持して廃止されました。
そして@screen-xs-min
は、XSが最小のブレークポイントであるため(1pxをカウントする場合を除き)最も狭い画面サイズを持たないため非推奨です。 (同様に、LGには最大幅がありません。)