title: How to pass padding/margin as props in React-Bootstrap components
body: <p>I am trying to apply margins and paddings with React-Bootstrap as props.</p>
  
  <p>I passed the <a href="https://react-bootstrap.github.io" rel="noreferrer">docs</a> through but haven't found any mention adding padding or margin in there as it is in official bootstrap docs (<a href="https://stackoverflow.com/questions/32233489/does-bootstrap-have-builtin-padding-and-margin-classes">3th</a> and <a href="https://getbootstrap.com/docs/4.2/utilities/spacing/" rel="noreferrer">4th</a>). I know it doesn't support well Bootstrap 4, so tried with both.</p>
  
  <p>I tried to pass params as <code>p={1}</code>, <code>paddingxs={5}</code> or <code>mt='1'</code> but it doesn't recognize any of them. More over tried to find any <strong>Spacing</strong> element in React-Bootstrap folder, but failed. </p>
  
  <p>Paddings and margins work as classnames. But I feel there must be a way to it without Bootstrap classes. There must be a kind of property.</p>