博客
关于我
Bootstrap的下拉菜单
阅读量:166 次
发布时间:2019-02-28

本文共 1304 字,大约阅读时间需要 4 分钟。

一 基本用法

1 代码

    
下拉菜单

2 效果

二 下拉分隔线

1 代码

下拉分隔线

2 效果

三 菜单标题

1 代码

    
菜单标题

2 效果

四 对齐方式

1 代码

    
对齐方式

使用pull-right类使下拉菜单与父容器右边对齐

使用dropdown-menu-right类使下拉菜单与父容器右边对齐

下拉菜单与父容器左边对齐

2 效果

五 菜单项状态

1 代码

菜单项状态

2 效果

转载地址:http://ldgj.baihongyu.com/

你可能感兴趣的文章
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Vue3+elementplus实现图片上传下载(最强实践)
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Vue3+Element-ul学生管理系统(第二十二课)
查看>>
Node-RED中怎样让网站返回JSON数据
查看>>
Node-RED中根据HTML文件建立Web网站
查看>>
Node-RED中解析高德地图天气api的json数据显示天气仪表盘
查看>>
Node-RED中连接Mysql数据库并实现增删改查的操作
查看>>