我正在尝试在我的页面上添加react-bootstrap卡。除了Card. text之外，所有元素都保留在卡中。任何帮助将不胜感激。
这就是代码：

import React from 'react';
import Card from 'react-bootstrap/Card';
import Button from 'react-bootstrap/Button';

function ContactCards() {
  return (
    <Card style={{ width: '22rem' }}>
      <Card.Img variant="top" src="https://static.marham.pk/assets/images/home-new/specialities/derma.png" />
      <Card.Body>
        <Card.Title>Dr.Khan</Card.Title>
        <Card.Text>
          Some quick example text to build on the card title and make up the
          bulk of the card's content.
        </Card.Text>
        <Button variant="primary">Go somewhere</Button>
      </Card.Body>
    </Card>
  );
}

export default ContactCards;