Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #### Install bootstrap
- `npm install react-bootstrap bootstrap`
- #### Install Sass
- `npm install node-sass gatsby-plugin-sass`
- #### Set up Bootstrap scss
- - Download source files from getbootstrap.com and copy the `scss` directory to `src/scss/bootstrap`
- - Configure gatsby-plugin-sass, specifying the bootstrap scss directory created in porevious step:
- ```
- plugins: [
- {
- resolve: `gatsby-plugin-sass`,
- options: {
- includePaths: ["src/scss/bootstrap"],
- },
- },
- ]
- ```
- - create a src/components/layouts.scss file (or use another top level component) with the following sass:
- ```
- /* import the necessary Bootstrap files */
- @import "functions";
- @import "variables";
- /* put your custom stuff here */
- /* finally, import Bootstrap */
- @import "bootstrap"
- ```
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement