> 卡片 ``` .card .card-inverse 改變文字和背景顏色 ``` > 卡片顏色 ``` .card-primary .card-success .card-info .card-warning .card-danger ```  > 卡片邊框 ``` .card-outline-primary .card-outline-secondary .card-outline-success .card-outline-info .card-outline-warning .card-outline-danger ```  > 卡片分組 ``` .card-group .card .card ```  > 等寬高分組卡片 ``` .card-deck-wrapper .card-deck .card .card ```  > 卡片瀑布流 **注意** 不支持IE9及以下版本 ``` .card-columns .card .card.card-block .card ```  > 卡片結構 ··· .card .card-header .card-block .card-title .card-subtitle .card-text .card-link .card-blockquote .card-header-tabs .card-header-pills .card-footer .card-img .card-img-top .card-img-overlay ``` - card-header, card-footer  - card-title, card-subtitle, card-link, card-text  - card-img-overlay, card-inverse ``` .card.card-inverse img.card-img .card-img-overlay h4.card-title p.card-text ```  > 卡片+選項卡 ``` .card.card-xs-center .card-header ul.nav.nav-tabs.card-header-tabs.float-xs-left li.nav-item a.nav-link.active li.nav-item a.nav-link .card-block .card-title xx p.card-text ```  > 卡片 + 導航條 ``` .card.card-xs-center .card-header ul.nav.nav-pills.card-header-pills.float-xs-left li.nav-item a.nav-link.active li.nav-item a.nav-link .card-block .card-title xx p.card-text ```