最近做一个后台的管理项目,用到了Twitter推出的bootstrap前端开发工具包,是一个基于css3/html5的框架。花周末时间,写了一个非常简单后台的菜单。首先,看一下菜单的结构: 预览地址 :http://www.huosen.net/demo/bootstrap ...
最近做一个后台的管理项目,用到了Twitter推出的bootstrap前端开发工具包,是一个基于css html 的框架。花周末时间,写了一个非常简单后台的菜单。本着开源的精神,现在把它分享出来 呵呵,前端的老鸟就不要看啦 。首先,看一下菜单的结构: 预览地址:http: www.huosen.net demo bootstrap menu index.htmlcss的代码为: 左侧菜单 .sid ...
2016-07-24 15:24 0 7820 推荐指数:
最近做一个后台的管理项目,用到了Twitter推出的bootstrap前端开发工具包,是一个基于css3/html5的框架。花周末时间,写了一个非常简单后台的菜单。首先,看一下菜单的结构: 预览地址 :http://www.huosen.net/demo/bootstrap ...
本文使用的框架版本为: bootstrap3,Jquery2.1.0 (其他jquery可能会报错,菜单项不执行 效果如下: 1.在项目中引入框架: <link rel="stylesheet" type="text/css" href="css ...
效果图: 1.html+js部分: 2.css部分: ...
一、解释 1、bootstrap提供的二级导航菜单只能实现点击下拉框式的实现效果,不能实现鼠标移动显示下拉框,也不能实现点击一级导航的连接跳转 2、现在实现 效果一:鼠标移动出现二级菜单 效果二:在有二级菜单的一级菜单下可以加链接,但是在手机的效果下屏蔽 ...
<div class="tabbable"> <div class="nav nav-tabs"> <h2>个人中 ...
html: js: css就不贴了,用jquery实现这种竖直手风琴菜单真的容易好多。 ...
首先我们看下代码:只需要简单的将类名名A元素的collapsed给删掉,将子类的collapse 后面加上in 就展开 ...
html部分: <div id="app"> <all-component :is="currentpage"></all-component> <di ...