【卡片】卡片用於定義一塊帶圓角的區域。 .card 定義卡片容器 .card-body 卡片主體內容部份 .c ...

.border 含有邊框 .border-{primary | second | dark | light | warning | danger ...

【折疊】可以很容易的實現內容的顯示與隱藏。 data-toggle="collapse" 折疊觸發對象必需屬性 data-target="#id" | href="#id" 折疊觸發對象必需屬性 ...

.bg-primary 重要的背景顏色 .bg-success 執行成功背景顏色 .bg-info 信息 ...

隱藏元素 要隱藏元素，只需使用.d-none類或其中一個.d-{sm,md,lg,xl}-none類進行任何響應式屏幕變化。 顯示元素 要僅在給定的屏幕尺寸間隔上顯示元素，您可以將一個.d--none類與一個.d--*類組合在一起，例如，.d-none .d-md-block ...

【margin、padding】 分別采用m與p的簡寫方式 margin間距樣式： .m-{0 | 1 | 2 | 3 | 4 | auto} 定義四周間距 .m ...

導航欄：navbar 導航欄容器可以包含以下幾個常用組成： 1、品牌LOGO（.navbar-brand ） 2、導航菜單（.navbar-nav） 3、導航文本（.navbar-text） 4、折疊導航按鈕（.navbar-toggle） 5、表單（.form-inline ...

屬性 常用的功能，可以通過以下屬性來設置： data-toggle = "popover" 指明這是一個popover組件對象，其實可以省略 title = "彈出框標題" 彈出框標題，可以忽略 ...