模態框由二類元素組成： 1、觸發元素 2、模態框元素 一、定義模態框觸發元素(以button為例)： 二、定義模態框元素： 注意： 1) 一定要給模態框加上 tabindex="-1" 屬性 2) 默認模態框是四個圓角，給模態框去掉圓形邊角，示例 ...

tooltip (提示框) 是一個小小的彈窗，在鼠標移動到元素上顯示，鼠標移到元素外就消失。 屬性 常用的功能，可以通過以下屬性來設置： data-toggle = "tooltip" 指明這是一個tooltip組件對象，其實可以省略 ...

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

.d-none 在較小屏幕下隱藏 .d-{sm | md | lg | xl}-none 在指定屏幕大小下隱藏 ...

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

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

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

 彈出框控件類似於提示框，它在鼠標點擊到元素后顯示，與提示框不同的是它可以顯示更多的內容。 一、如何創建彈出框 通過向元素添加 data-toggle="popover" 來來創建彈出框。 title 屬性的內容為彈出框的標題，data-content 屬性顯示了彈出框的文本內容 ...