视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
bootstrap组件之按钮式下拉菜单_html/css
2020-11-27 16:11:05 责编:小采
文档


把任意一个按钮放入 .btn-group 中,然后加入适当的菜单标签,就可以让按钮作为菜单的触发器了。

简单的实现如下

  
  • Action
  • Another action
  • Something else here
  • Separated link
  • 效果

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

    式按钮下拉菜单

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

       
  • Action
  • Another action
  • Something else here
  • Separated link

  • 效果

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

    尺寸

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

    向上弹出式菜单

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

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

    下载本文
    显示全文
    专题