bootstrap下拉菜单使用方法解析

Bootstrap框架中的下拉菜单组件是一个独立的组件,具体来学习一下

下拉菜单(Dropdown)

☑ LESS版本:对应的源文件dropdowns.less

bootstrap下拉菜单使用方法解析_第1张图片

下拉菜单�C属性声明式方法(一)

☑ 被点击的菜单项链接或按钮需要添加自定义属性 data-toggle=”dropdown”
实现下拉菜单原理:

Dropdown插件加载时,对所有带 有“data-toggle=dropdown”样式的元素绑定了事件,用户单击带有“data-toggle=dropdown”样式的链接或按钮时, 会触发JavaScript事件代码。当用户点击带有“data-toggle=dropdown”样式的链接或按钮时,下拉菜单的父容器(上面的示例是 “

你可能感兴趣的:(bootstrap下拉菜单使用方法解析)