How to get bootstrap 4 24 grid

Viewed 5481

Does anyone know where to download 24 grid version of newest bootstrap 4-0-0 beta? I don't want to use sass, and I cant find customize option in bootstrap website.

2 Answers

Unfortunately, there is no customization tool in Bootstrap 4 so custom build is a necessary step.

But don't worry, it's quite easy.

  1. Follow instructions from this answer - https://stackoverflow.com/a/47251052/1614120 (you'll need Node.js installed)
  2. Put following code in the name.scss (file mentioned in 5th step):

name.scss

@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/mixins";

$grid-columns: 24; // This overrides default value (12)
@import "bootstrap/scss/grid";
  1. Compile (step 7).

If you need any other Bootstrap components apart from the grid, see step 5 of the instructions.

Related