Blazor 组件库 BootstrapBlazor 中Card组件介绍

Blazor 组件库 BootstrapBlazor 中Card组件介绍已关闭评论
181 次浏览

A+

所属分类：.NET技术

摘要

Card组件分为三部分，CardHeader、CardBody、CardFooter。代码格式如下：其中CardBody为必须有的部分，即使不写，也会有一个空的。CardHeader和CardFooter如果不想要，则可以不写。一个最小的Card组件代码可以是这样的

便宜好用的国外VPS推荐

一个较为完整的Card样子

Blazor 组件库 BootstrapBlazor 中Card组件介绍

Card组件介绍

Card组件分为三部分，CardHeader、CardBody、CardFooter。

代码格式如下：

<Card>     <CardHeader>         Featured     </CardHeader>     <CardBody>         <h5>Special title treatment</h5>         <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>         <a class="btn btn-primary">Go somewhere</a>     </CardBody>     <CardFooter>         2 days ago     </CardFooter> </Card>

其中CardBody为必须有的部分，即使不写，也会有一个空的。CardHeader和CardFooter如果不想要，则可以不写。一个最小的Card组件代码可以是这样的

<Card>     <CardBody>         <h5>Card title</h5>         <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>         <a class="btn btn-primary">Go somewhere</a>     </CardBody> </Card>