Skip to content
🅱️ Spacing SASS backwards port from Bootstrap 4 to 3
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Spacing - Bootstrap 3

Spacing SASS backwards port from Bootstrap 4 to 3

Make use of Bootstrap 4's spacing utilities.

Install (any of:)

yarn add spacing-bootstrap-3
npm install --save spacing-bootstrap-3
bower install --save spacing-bootstrap-3

Integrate (as appropriate:)

@import 'node_modules/spacing-bootstrap-3/spacing';
@import 'bower_components/spacing-bootstrap-3/spacing';


You can now use any spacing utility classes like:

<div class="p-1 py-sm-2 mb-lg-3"></div>


It actually uses linear increments for the spacings, based on the $grid-gutter-width by default, rather than bootstrap 4's bonkers built in one (which I've whinged about, but Mark Otto isn't having any of it).

Howsoever, you can easily override the defaults by setting a $spacers map variable.

You can’t perform that action at this time.