React-Bootstrap causing margins on left and right side

Question

I\'m using React-Bootstrap in my React app. It is causing margin on the left and right side. I\'m using the following code:

import React, { Component } from \"re         


        

Answer 1

I used react-bootstrap with next.js. I came up with short solution:

    ...

Comment. bootstrap's css was imported in my _App.js

import 'bootstrap/dist/css/bootstrap.min.css';