React-Bootstrapの間隔とマージンのユーティリティ

私はReact Js初心者です。React Bootstrapのように、Bootstrap mt-4、p-5、mx-auto etc.私はreact-bootstrapのドキュメントを調べています。これも多くのプラットフォームで検索されましたが、正しい答えが見つかりませんでした。それらは存在します。

reactjsreact-bootstrap

2018/12/13pooja

これで、以下のコードのようにreact-bootstrapを使用できます。

   <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>

2020/01/12Ksaroz Shrestha