最近在项目中使用到了一个垂直的二级菜单,该菜单基于bootstrap开发,主要用到了bootstrap和font-awesome字体图标;可直接应用于后台系统的菜单展示。
页面效果如图:
菜单美观大方,非常适合做后台管理系统的菜单展示。
部分代码
<div class="row-fluid"> <div class="span12"> <h1>基于bootstrap的二级垂直菜单</h1> <div class="row-fluid"> <div class="offset1 span2"> <!--Sidebar content--> <div class="sidebar-menu"> <a href="#userMeun" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-user-md icon-large"></i> 用户管理</a> <ul id="userMeun" class="nav nav-list collapse menu-second"> <li><a href="#"><i class="icon-user"></i> 增加用户</a></li> <li><a href="#"><i class="icon-edit"></i> 修改用户</a></li> <li><a href="#"><i class="icon-trash"></i> 删除用户</a></li> <li><a href="#"><i class="icon-list"></i> 用户列表</a></li> </ul> <a href="#articleMenu" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-book icon-large"></i> 文章管理</a> <ul id="articleMenu" class="nav nav-list collapse menu-second"> <li><a href="#"><i class="icon-pencil"></i> 添加文章</a></li> <li><a href="#"><i class="icon-list-alt"></i> 文章列表</a></li> </ul> </div> </div> </div> </div> </div>
想要完整的源码请访问:http://download.csdn.net/detail/wozywei/9401642
相关推荐
Bootstrap,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
一个基于bootstrap的二级后台管理菜单
基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于...
基于bootstrap的后台管理系统,扁平化设计,简单适用
基于Bootstrap 后台界面,超漂亮,可以更换主题,兼容多个浏览器
Bootstrap左侧下拉三级菜单导航 Bootstrap左侧下拉三级菜单导航 Bootstrap左侧下拉三级菜单导航 Bootstrap左侧下拉三级菜单导航
基于Bootstrap的管理后台模板源码
今天我们要为大家分享一款基于jQuery和Bootstrap的垂直手风琴下拉菜单,因为它是Bootstrap风格的,所以外观上绝对可以称得上完美。另外,菜单项在展开的时候,菜单项的内容将会以飞入的动画特效展示出来,同时菜单项...
横向菜单 水平菜单 后台模板 颜色偏浅 bootstrap+html+css
这是私有代码。只做存储谢谢,是基于bootstrap 的后台管理系统框架
基于Bootstrap的CSS3菜单是一款带有3D立体视觉效果的下拉菜单。
这次我们要分享的也是一款JavaScript右键菜单插件,它的外观是基于Bootstrap的,因此UI比之前那款要漂亮许多,另外这款右键菜单插件也支持自定义区域菜单显示功能,你可以在初始化的时候指定需要弹出菜单的网页区域...
轻量级bootstrap后台ui
这是一套基于bootstrap的后台管理界面,超酷的界面,后台直接套用就行了。支持响应式界面
主要为大家详细介绍了bootstrap实现二级下拉菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
基于Bootstrap的响应式布局网站,基础入门,适合新手,在WIN10 VS2017下面测试通过,只是基本框架(后台管理框架),没有其它的东西,供初学者用!
eeyellow.Timeline是一款基于Bootstrap的响应式垂直时间轴jQuery插件。该垂直时间轴基于Bootstrap的网格系统,它使用简单,每个时间节点还可以制作轮播图效果。
这是一款Bootstrap垂直手风琴折叠菜单。该Bootstrap垂直手风琴折叠菜单使用boostrap网格进行布局,并通过对bootstrap面板组进行美化,构建出精美的垂直手风琴折叠菜单效果。