Nearsighted Paramecium Multiverse
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

bootstrap-breakpoint

1.1.0 • Public • Published

Bootstrap Breakpoint

This is a JavaScript variant of the SCSS mixins media-breakpoint-up, media-breakpoint-down, media-breakpoint-between and media-breakpoint-only from Bootstrap 4.

See also Responsive Breakpoints.

Works only with Bootstrap 4 and higher.

Available at NPM

$ npm i bootstrap-breakpoint

Example

JavaScript (bootstrap-breakpoint.js)

// bootstrapBreakpoint(mode, breakpoint);
// mode = up, down, between or only
// breakpoint = xs, sm, md, lg or xl
 
if (bootstrapBreakpoint('up', 'md')) {
    // code if window width is greater equal than md
}
 
if (bootstrapBreakpoint('down', 'lg')) {
    // code if window width is lower than lg
}
 
if (bootstrapBreakpoint('between', ['sm','lg'])) {
    // code if window width is greater equal sm and lower than lg
}
 
if (bootstrapBreakpoint('only', 'xs')) {
    // code if window width is in range of xs
}
 
// adding further breakpoints
BootstrapBreakpoint.breakpoints.push('xxl');
BootstrapBreakpoint.init();
// or 
BootstrapBreakpoint.breakpoints = ["xs", "sm", "md", "lg", "xl", "xxl"];
BootstrapBreakpoint.init();

Examples

Install

npm i bootstrap-breakpoint

DownloadsWeekly Downloads

0

Version

1.1.0

License

MIT

Unpacked Size

203 kB

Total Files

13

Last publish

Collaborators

  • avatar