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

EDIT: I changed the row to grid. if that fails, then you need to post more code. is there any other div containers the navbar is inside?

there is a few ways to do this:

grid
{
margin: 0;
}

another way is:

grid
{
padding-right: 0px;
padding-left: 0px;
}