card-header
Card image cap
Card title
Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link Another link
Card image cap
card-header
Card image cap
Card title
Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.




不同填充风格的容器
primary
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

secondery
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

info
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

success
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

warning
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

danger
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

danger
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

danger
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.




不同边框风格的容器
primary
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

secondery
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

info
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

success
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

warning
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

danger
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

danger
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

danger
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.




card-group所有card并在一起
Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap
Card title

This card has supporting text below as a natural lead-in to additional content.

Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.




card-group所有card相互分离
Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap
Card title

This card has supporting text below as a natural lead-in to additional content.

Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.




card-group按列排列
Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap
Card title

This card has supporting text below as a natural lead-in to additional content.

Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.