bootstrap4基础——组件下篇

Collapse切换内容：

在<button>或者<a>标签里面添加两个属性：

• data-toggle：data-toggle=“collapse”，表示这个地方可以切换东西；
• data-target：data-target="#collapse-demo"，表示切换到的目标地址；

Dropdown下拉菜单：

在<button>或者<a>标签里面添加一个属性：

data-toggle：data-toggle=“collapse”，表示这个地方可以切换东西；

• dropdown-toggle：<button>或者<a>标签会出现一个向下的三角形，提示用户这个按钮是下拉菜单；
• dropdown-menu：定义这是一个下拉菜单；
• dropdown-header：下拉菜单的头部；
• dropdown-item：下拉菜单的项目；
• dropdown-divider：下拉菜单里面的分割线；

例子：

关于控制元素之间的距离，可以参考：bootstrap4 调整元素之间距离