'What is the minimum I need to import to use bootstrap-grid in version 4?

I downloaded the source of bootstrap into my application using yarn

yarn install boostrap

I tried just importing the bootstrap-grid.css in my application, and when I copied the starter example the look had no grid layout style applied to it.

https://getbootstrap.com/docs/4.0/examples/pricing/

When I added the entire boostrap.css it worked fine.

So what else other than bootstrap-grid should I be importing to get the layout/grid components?

csstwitter-bootstrapyarnpkg


Solution 1:[1]

The pricing example uses card-deck and cards, not the grid.

If you want cards, you need to use bootstrap.css. bootstrap-grid.css works specifically for the grid system.

Solution 2:[2]

The below files worked for me. I am not sure if this is documented anywhere.

functions.scss
variables.scss
mixins.scss
reboot.scss
_grid.scss

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Zim
Solution 2 triplethreat23

Related Questions