Skip to content

Instantly share code, notes, and snippets.

@ouija
Created August 26, 2022 04:15
Show Gist options
  • Save ouija/ed9837e0315889b4a5ee7d8a1f147234 to your computer and use it in GitHub Desktop.
Save ouija/ed9837e0315889b4a5ee7d8a1f147234 to your computer and use it in GitHub Desktop.
lightSlider breakpoints for Bootstrap
/*
These are breakpoints utilized with lightSlider (http://sachinchoolur.github.io/lightslider/) and Bootstrap framework.
Note: lightSlider doesn't seem to account for scrollbar wideth in the breakpoint value.
*/
responsive : [
{
breakpoint:1383, /* lightslider is 17px (scrollbar width) less than actual window size */
settings: {
item:5
}
},
{
breakpoint:1183,
settings: {
item:4
}
},
{
breakpoint:975,
settings: {
item:3
}
},
{
breakpoint:751,
settings: {
item:2
}
},
{
breakpoint:559,
settings: {
item:1
}
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment