Joomla Templates Club 406,261 posts

[Josh Friend JoshJoin date: October 2008Posts: 68Downloads:262Uploads:11 Thanks: 14 Thanked: 1 times in 1 posts]

#208178

Hi there,

I saw the following in the variable.less file

// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs: 480px;
@screen-xs-min: @screen-xs;
@screen-phone: @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm: 768px;
@screen-sm-min: @screen-sm;
@screen-tablet: @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md: 980px;
@screen-md-min: @screen-md;
@screen-desktop: @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg: 1280px;
@screen-lg-min: @screen-lg;
@screen-lg-desktop: @screen-lg-min;

So are the screen widths as per following?
extra small screen – 480px and below
small screen – 481px – 768px
medium screen – 769px – 980px
large screen – 981px – 1280px
extra large screen – 1281px – ??

Please confirm…

Also why the comment – “Note: Deprecated @screen-XX and @screen-XX-desktop as of v3.0.1 ?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576209

Hi there
It’s Bootstrap variable. Please check it for detail on getbootstrap.com.

http://getbootstrap.com/css/#grid
Thank you,
Viet Vu

[Author]

Posts