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

Really late to the party here; I just wanted to add that in Bootstrap 4, I was able to remove the column margins by adding fluid="true" to the Container and noGutters to the Row, e.g.

  
    
      {/* ...  ... */}
    
  

Adding fluid only does not seem to be enough. Sample code is untested.