活动公告当前位置:天悦娱乐 > 活动公告 > >

bootstrap下拉菜单使用方法解析

  

[bootstrap,下拉菜单]bootstrap下拉菜单使用方法解析

  

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

  

下拉菜单(Dropdown)  
  
  

  

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

  

  

  
  
  

示例1

    

示例2

    
  
  

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

  

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

  

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

客户服务热线

010-400-12345

在线客服