How to pass padding/margin as props in React-Bootstrap components

Question

I am trying to apply margins and paddings with React-Bootstrap as props.

I passed the docs through but haven\'t found any mention adding padding or margin in there as it

Answer 1

Just try this out once according to your input and still if face any issue you can reach out.In below we have increased the .col padding with .px-md-5 and then countered then with .mx-md-n5 on the parent .row.

JSX:

import React from 'react'
import { MDBContainer, MDBRow, MDBCol } from 'mdbreact';

const SpacingPage = () => {
  return (
    
      
        Custom column padding
        Custom column padding
      
    
  )
}

export default SpacingPage;

If you still have any kind of doubt on this then feel free to ask .