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

The answer above is overkill. This really isn't that complicated. According to the official React Bootstrap documentation on Grid the fluid property can be applied. Here's the description for fluid:

Turn any fixed-width grid layout into a full-width layout by this property. Adds container-fluid class.

Here's what I did and it works perfectly: