Public
Advisor

Default breakpoints for responsive version

Hi everyone, does anybody know whether the default media query breakpoints that are used in boostrap are also used in Lithium? Or have they been altered? Thank you!

 

Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

 

2 Replies 2
Khoros Staff

Hi @Hayley

We've got the default breakpoints documented in the Responsive Developer Documentation.  See the Breakpoints section in the Developer Guide. (Deep-linking is coming soon to the docs -- sorry I can't get you there directly within this post.)

Brilliant, thank you.

Welcome to the Technology board!

Curious about our platform? Looking to connect on social technology? You've come to the right place!

Are you a Lithium customer? For direct assistance from our Support team, please visit the Support Forum.