Question

    I am calling an API which contains data like name,id,phone etc.

所以我想以卡片的形式显示数据。我为此使用了引导程序，除了卡片边框之外，其他所有东西都工作正常。卡边框根本看不到。

        return(
          <div>

ul> {this.state.persons.map（i => li>

卡片border ='primary'border-width ='10px'style = {{width：``，color：'red'，}}>

  <Card.Body>
        <Card.Title>{i.name}</Card.Title>
        <Card.Text>
        "id": {i.id},
        "name": {i.name},
        "username": {i.username},
        "email": {i.email},


        </Card.Text>

      </Card.Body>
    </Card>

Answer 1

我认为您需要在下面的链接中导入

<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
  integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
  crossorigin="anonymous"
/>

如何解决ReactJS中的引导卡边界问题

1 个答案: