在上一篇中我們簡單總結和介紹了Redis的幾個方面 1.使用Redis背景 2.Redis通信多路復用的基本原理 3.Redis基本數據結構 4.Redis持久化方式 這一篇我們使用簡單的業務場景來介紹Redis的分散式鎖和集群 1.分散式鎖 首先我們應該知道什麼是分散式鎖,用來做什麼的,解決了什麼 ...
一個較為完整的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>
Card的其他屬性
IsCenter
:卡片中內容居中,設置後即為上圖的效果。
Color
:設置卡片邊框顏色,可選顏色有 None / Primary / Secondary / Success / Danger / Warning / Info / Light / Dark
IsCollapsible
:是否允許伸縮。這裡需要註意的是如果設置了true
則<CardHeader>的Template會失效,只能使用Text
來設置文本的卡片頭。
IsShadow
:是否有陰影,設置後卡片會帶有陰影效果。