bootstrap组件之按钮式下拉菜单_html/css

简单的实现如下

  Action    
Action
 
Another action
 
Something else here
 
 
Separated link
 

效果

就是之前说的button然后右边加了个小三角，至于button的颜色，和button的样式属性是一样的，大家可以在光放文档中找到，但让这样的按钮是点击了之后才会显示下拉菜单的，但是当制作网页的时候往往希望鼠标滑过就能显示下拉菜单，具体怎么修改样式，前面也说过，大家可以查找前面的文章或者百度。

分裂式按钮下拉菜单

相似地，分裂式按钮下拉菜单也需要同样的改变一些标记，但只是多一个分开的按钮。

 Action   Toggle Dropdown   
Action
 
Another action
 
Something else here
 
 
Separated link
 

效果

很明显也就是靠三角左边多了条竖线。

尺寸

尺寸的样式和button样式一样，btn-lg,btn-small等，看前面button介绍。

向上弹出式菜单

实现很简单，只需要给父元素添加 .dropup 类就能使触发的下拉菜单朝上方打开。

下拉式按钮组就到这了。更多内容请大家前往www.bootcss.com 学习

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com