React/Next.js: override bootstrap theme

React/Next.js: override bootstrap theme by Guillaume Duhan

1. Define your colors in app.scss

$primary: #0099ff;

2. Import scss version of bootstrap (from node_modules)

@import '~bootstrap/scss/bootstrap'; 

3. Import the app.scss file in your main.js file

import './styles/app.scss';

Good luck !

Guillaume Duhan

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Guillaume Duhan

Guillaume Duhan

Co-founder, Freelance & Content Creator