Scss/Sass and styled-component are being used to style components. It's recommended to keep style files in the same directory with component's files and import it right from there when necessary.
├── src │ ├── Components │ │ ├── Heading │ │ │ ├── index.spec.tsx │ │ │ ├── index.tsx │ │ │ ├── styled.ts (styled-component) │ │ │ └── style.scss (scss/sass) │ │ └── index.ts
You need to import style.scss or styled.ts depending your selection into Heading/index.tsx
Bootstrap also gives you the ability to easily create responsive designs
We included Bootstrap 4 to next-boilerplate by default. You can just start using Bootstrap features without any configuration.
For any reason if you want to exclude Bootstrap from project follow the directions at the below.
- Remove bootstrap folder from
@import "./bootstrap/index"line from
- Uninstall dependencies from package.json by
npm uninstall bootstrapcommand.
Refer to offical documentation for detailed usage.