卡片构建模块
Card组件支持用作构建块的各种基于模板的组件。所有构建块都可以呈现为Card的根级元素，因此可以根据需要使用，而对它们的声明或Card结构的需求没有限制。元素之间也可以相互嵌套。
CardHeader-渲染标题区域，对标题，副标题等有用。后面有一个分隔符。CardBody-用添加的填充渲染卡片的主体。CardFooter-通过分隔符将页脚区域从内容中分离出来。CardActions-为动作呈现专用区域。欲知详情，请浏览行为的文章．CardSeparator-显示一条水平线。欲知详情，请浏览卡分隔符篇文章。CardTitle-呈现默认主题样式的div标题。CardSubTitle-渲染div标题默认主题样式为副标题。
CardHeader
使用CardHeader标签来渲染卡片的头部区域。
渲染CardHeader区域。下面的代码片段的结果。
@*卡片头*@ 这是卡片头。 一些基于卡片标题的快速示例文本，并构成卡片内容的大部分。
CardBody
使用CardBody标签来渲染卡片的主体。
渲染CardBody区域。下面的代码片段的结果。
@*卡体*@ 这是卡体。一些建立在卡片标题上的快速示例文本，构成卡片的大部分内容。
CardFooter
使用CardFooter标签来渲染卡片的页脚区域。
渲染CardFooter区域。下面的代码片段的结果。
@* Card Footer *@ @ 一些快速的示例文本建立在卡片标题上，并构成卡片内容的大部分。
CardFooter。 CardImage
使用CardImage标签来渲染卡的图像部分。图像将填充卡片的大小，除非您设置其他大小宽度而且高度值。
使用CardImage在Card组件中。下面的代码片段的结果。
@*卡片图片*@ 罗马 意大利首都 CardActions
使用CardActions标签来渲染卡片的动作区域。您可以在其中放置任何操作按钮，并使用预定义的按钮方向和布局来设置它们的样式。
使用CardActions在Card组件中。下面的代码片段的结果。
@* Card Actions *@ @ 一些快速的示例文本建立在卡片标题上，并构成卡片内容的大部分。
Action 1 Action 2 .CardSeparator
使用CardActions标签来渲染卡片的动作区域。一个例子CardSeparator用于Card元素之间或嵌套在元素内部。
使用CardSeparator在Card组件中。下面的代码片段的结果。
@*卡片分隔符*@ 一些快速的示例文本建立在卡片标题上，并构成卡片内容的大部分。
卡体中分隔符后面的一些其他文本。
Action 1 Action 2 .CardTitle
使用CardTitle标记来呈现标题(标题)。虽然标题区域适合放置标题，但它不是必需的，您可以使用CardTitle根据需要。下面的示例在三个不同的部分演示了标题的实现。
使用CardTitle在Card组件中。下面的代码片段的结果。
@* CardTitle *@ 这是独立的Title 这是CardHeader中的Title 这是CardBody中的Title 一些快速的示例文本建立在卡片标题上，并构成卡片内容的大部分。
CardSubTitle
使用CardSubTitle标签来呈现副标题。虽然标题区域适合放置标题和副标题，但它不是必需的，您可以使用CardSubTitle根据需要。它也可以与CardTitle或者作为一个独立的元素。下面的示例演示了这两种方法。
使用CardSubTitle在Card组件中。下面的代码片段的结果。
@* Card Subtitle *@ 这是CardHeader中的Title 这是CardHeader中的Subtitle与Title一起 只是CardBody中的Subtitle 一些快速的示例文本建立在卡片标题上，并构成卡片内容的大部分。