最近做一个后台的管理项目,用到了Twitter推出的bootstrap前端开发工具包,是一个基于css3/html5的框架。花周末时间,写了一个非常简单后台的菜单。本着开源的精神,现在把它分享出来(呵呵,前端的老鸟就不要看啦!)。首先,看一下菜单的结构: 预览地址 :http ...
最近做一个后台的管理项目,用到了Twitter推出的bootstrap前端开发工具包,是一个基于css html 的框架。花周末时间,写了一个非常简单后台的菜单。首先,看一下菜单的结构: 预览地址:http: www.huosen.net demo bootstrap menu index.htmlcss的代码为: ...
2014-10-24 16:12 0 9895 推荐指数:
最近做一个后台的管理项目,用到了Twitter推出的bootstrap前端开发工具包,是一个基于css3/html5的框架。花周末时间,写了一个非常简单后台的菜单。本着开源的精神,现在把它分享出来(呵呵,前端的老鸟就不要看啦!)。首先,看一下菜单的结构: 预览地址 :http ...
本文使用的框架版本为: bootstrap3,Jquery2.1.0 (其他jquery可能会报错,菜单项不执行 效果如下: 1.在项目中引入框架: <link rel="stylesheet" type="text/css" href="css ...
1、下拉菜单(基本用法) 在Bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,它对应的文件: ☑ LESS版本:对应的源码文件为 dropdowns.less ☑ Sass版本:对应的源码文件为 _dropdowns.scss ☑ 编译后 ...
一、解释 1、bootstrap提供的二级导航菜单只能实现点击下拉框式的实现效果,不能实现鼠标移动显示下拉框,也不能实现点击一级导航的连接跳转 2、现在实现 效果一:鼠标移动出现二级菜单 效果二:在有二级菜单的一级菜单下可以加链接,但是在手机的效果下屏蔽 ...
效果图: 1.html+js部分: 2.css部分: ...
前端: <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv ...
<div class="tabbable"> <div class="nav nav-tabs"> <h2>个人中 ...
首先我们看下代码:只需要简单的将类名名A元素的collapsed给删掉,将子类的collapse 后面加上in 就展开 ...