-
Components:组件
- Modal
- 打开/隐藏
-
data-target="#myModalID"
:HTML 开启 -
data-dismiss="myModalID
:HTML 关闭 -
$('myModalID).modal('show)
:手动打开 #方法 -
$('myModalID).modal('hide)
:手动隐藏 #方法 -
shown.bs.modal
:Modal 打开时 #事件 -
hidden.bs.modal
:Modal 关闭时 #事件 -
隐藏后清空数据
-
- 打开/隐藏
- Modal
-
Utilities
- [Flex](Flex · Bootstrap v5.1)
justify-content-md-center
:居中对齐
- [Flex](Flex · Bootstrap v5.1)
-
无障碍
- aria-label
- aria-labelledby
-
界面
- 阴影 Shadows
向元素添加或删除阴影
shadow-none
:取消阴影 #classshadow-sm
#classshadow
#classshadow-lg
#class
- 表格 Tables
- table-striped:隔行颜色 #class
- table-hover:悬停变色 #class
- 阴影 Shadows
向元素添加或删除阴影
-
第三方组件
- 表单:snapappointments/bootstrap-select #jQuery
- 表格:wenzhixin/bootstrap-table
按键切换选项卡
按钮
需传递两个元素值
- data-bs-toggle,值为
pill
- href,值为对应 div ID
选项卡
- id 的值要和 button 的 href 对应