首页 > PHP资讯 > HTML5培训技术 > Bootstrap实现下拉菜单效果_javascript技巧

Bootstrap实现下拉菜单效果_javascript技巧

HTML5培训技术
下拉菜单用于显示链接列表的可切换、有上下文的菜单。

1、案例

将下拉菜单触发器和下拉菜单都包裹在.dropdown里,然后添加组成菜单的HTML代码。

    

只能点击小图标才能出现下来菜单额。

2)、尺寸

下拉菜单按钮适用所有尺寸的按钮。

通过样式类.btn-lg、 .btn-sm、.btn-xs来控制按钮的大小。

3)、向上弹出式菜单

给父元素添加.dropup就能使触发的下拉菜单在元素上方。

更多内容请参考:Bootstrap学习教程

总结:

本文主要介绍了下拉菜单的相关内容,然后介绍了按钮和下拉菜单的组合,变化还是蛮多的,样式也不错,希望大家喜欢。

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持31不支持0