Package Exports

tailwind-bootstrap-grid

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tailwind-bootstrap-grid) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

tailwind-bootstrap-grid

Boostrap v4 flexbox grid system as a tailwindcss plugin.

Installation

npm i -D tailwind-bootstrap-grid

In tailwind.js file:

module.exports = {
  plugins: [require('tailwind-bootstrap-grid')()],
};

And don't forget to include components and utilities in your tailwind base css file:

@tailwind preflight;
@tailwind components;
@tailwind utilities;

This will generate Boostrap v4 flexbox grid.

Options

gridColumns (default - 12) - grid size
gridGutterWidth (default - "30px") - gutter width
generateContainer (default - true) - whether to generate .container and .container-fluid classes
generateNoGutters (default - true) - whether to generate .no-gutter class

For example to generate 10 column grid with no gutter and skip the container:

module.exports = {
  plugins: [
    require('tailwind-bootstrap-grid')({
      gridColumns: 10,
      gridGutterWidth: 0,
      generateNoGutters: false,
      generateContainer: false,
    }),
  ],
};

Tailwind configuration support

✅ custom screens
✅ custom separator
⛔️ custom prefix

postcss-bootstrap-4-grid

License

MIT