这篇文章主要介绍引导中下拉菜单类的使用方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
下拉菜单是一种非常常见的效果,用于展示可切换,有关联的一组链接,它可以节省网页排版空间,使网页布局简洁有序。
引导内置了一套完整的下拉菜单组件,可用于不同的元素,如导航,按钮等等。配合其他元素,还可以设计出形式多样的菜单效果。
下拉菜单的交互行为还需要下拉菜单插件(下拉。js)的支持,因此使用下拉菜单组件时,还必须引入下拉。js文件。
<强>创建下拉菜单
引导中的下拉菜单都是基于列表实现的,可以使用无序列表(& lt; ul>)或有序列表(& lt; ol>),暂不支持描述列表(& lt; dl>)。
为& lt; ul>或& lt; ol>添加.dropdown-menu类,即可创建一个下拉菜单。如:
效果如图3 ?8所示:
此时,在浏览器中预览,可以看到一个按钮。如果点击按钮,下拉菜单才会被激活,并显示出来。效果如图3 ?9所示:
& lt; div 类=癲ropup"比;
…
& lt;/div>
效果如图3 ?10所示:
以上是“引导中下拉菜单类的使用方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
