你的位置:首页 > 软件开发 > 网页设计 > 详解Bootstrap下拉菜单组件

详解Bootstrap下拉菜单组件

发布时间:2016-04-22 15:00:13
bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,他对应的文件:less 对应的源码文件为:dropdowns.lesssass对应的源码文件为:_dropdowns.scss在使用bootstrap矿建的下拉菜单时,必须调用bootstrap框架提供的bo ...

详解Bootstrap下拉菜单组件

bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,他对应的文件:

less 对应的源码文件为:dropdowns.less

sass对应的源码文件为:_dropdowns.scss

在使用bootstrap矿建的下拉菜单时,必须调用bootstrap框架提供的bootstrap.js文件。对于未编译版本,可以在js下找到一个名为dropdown.js的文件,也可以调用这个文件。也可以调用压缩好的文件bootstrap.min.js

由于bootstrap组件交互效果都是依赖于jQuery库写的插件,所以在使用bootstrap.min.js之前一定要先加载jQuery.min.js

官网上的示例:

<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
下拉菜单
<span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
<li role="presentation" class="divider"></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li> </ul> </div>

原标题:详解Bootstrap下拉菜单组件

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录