Utilitaire d'espacement et de marge dans React-Bootstrap

Question

Je suis React Js débutant. Y a-t-il des classes utilitaires d'espacement et de marge dans React Bootstrap comme nous l'avons dans Bootstrap mt-4, p-5, mx-auto etc. Je passe en revue la documentation de react-bootstrap, également recherchée sur de nombreuses plates-formes mais n'a pas pu trouver la bonne réponse. Je veux juste savoir si ils existent.

Answer 1

vous pouvez maintenant utiliser react-bootstrap comme code ci-dessous.

   <Container>
<Row>
  <Col>
    <Card body outline color="success" className="mx-auto my-2">
      <CardImg top width="100%" height="auto" src="images/logo/emblem.svg" alt="slc marksheet image" />
      <CardBody>
        <CardTitle>SLC Graduation</CardTitle>
        <CardSubtitle>2008</CardSubtitle>
        <CardText>“Future belongs to those who believe in the beauty of their dreams"- Elenor Roosevelt.</CardText>
        <Badge href="https://drive.google.com/open?id=0B3lpzqmId7sSMkpKM01XNlFDUjQ" target="_blank" color="secondary">View Marks</Badge>
      </CardBody>
    </Card>
    </Col>
</Row>
</Container>