react-bootstrap/Button
rather than the entire library. Doing so pulls in only the specific components that you use, which can significantly reduce the amount of code you end up sending to the client:
m - for classes that set margin p - for classes that set padding
t - for classes that set margin-top or padding-top b - for classes that set margin-bottom or padding-bottom l - for classes that set margin-left or padding-left r - for classes that set margin-right or padding-right x - for classes that set both *-left and *-right y - for classes that set both *-top and *-bottom blank - for classes that set a margin or padding on all 4 sides of the element
sm md lg xl
0 - for classes that eliminate the margin or padding by setting it to 0 1 2 3 4 5
marginLeft
is 2 and marginRight
is 2 as well.<LinkContainer>
is a component of react-router-bootstrap. Wrap your React Bootstrap element in a <LinkContainer>
to make it behave like a React Router <Link>
<LinkContainer>
accepts same parameters as React Router’s <NavLink>