bootstrap-scss-plugins

bootstrap-scss-plugins

This project is now deprecated and will not recieve any more updates since most features provided by this project can now be found in Bootstrap 4.6.

A suite of SCSS plugins used for developing Bootstrap 4 themes and sites.

This package aims to add a few useful classes and mixins, not found in "vanilla" Bootstrap 4, to help speed up the development of websites.

Can't you do this yourself by editing some variables?

Of course you can! This package exists purely to make it faster to replicate some commonly used customizations.

Usage

There are a couple ways to use the plugins, but all steps begin with importing the main Bootstrap files first.

Include everything using the plugin file

@import 'path/to/node_modules/bootstrap/scss/bootstrap';
@import 'path/to/node_modules/bootstrap-scss-plugins/scss/plugins';

Include single plugins

@import 'path/to/node_modules/bootstrap/scss/bootstrap';
@import 'path/to/node_modules/bootstrap-scss-plugins/scss/responsive-typography';
@import 'path/to/node_modules/bootstrap-scss-plugins/scss/font-sizes';

Once you have imported all the files you need, you can simply use the classes and mixins as you would any other Bootstrap feature.

For more detailed usage of each plugin, please see the docs.

Classes

• Transparent backgrounds
• Border widths
• Rounded buttons
• Squared buttons
• Card group column count
• Font sizes
• Opacity
• Screen reader breakpoints
• Text outline

Mixins

• IE media queries

Other Features

• Responsive typography