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>
答案 0 :(得分:0)
我认为您需要在下面的链接中导入
<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"
/>