Bootstrap左侧下拉三级菜单导航_bootstrap左侧折叠三级菜单,bootstrap三级菜单资源-CSDN文库

共36个文件

css：11个

js：9个

html：3个

css3

2星需积分: 29 104 浏览量 2017-11-22 10:57:33 上传评论 1 收藏 499KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Bootstrap左侧下拉三级菜单导航.zip （36个子文件）

css

bootstrap.min.css 111KB

prism.min.css 4KB

metisfolder.css 699B

default.css 6KB

metismenu.min.css 784B

demo.css 1KB

font-awesome.min.css 21KB

normalize.css 2KB

jQuery经典插件大全-实例-教程-参数详解.url 127B

img

2.jpg 22KB

1.jpg 21KB

fonts

fontawesome-webfont.eot 55KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.woff 64KB

glyphicons-halflings-regular.woff2 18KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.svg 106KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 110KB

index.html 15KB

jquery.min.js 82KB

html5shiv.js 2KB

metismenu.js 4KB

respond.min.js 4KB

bootstrap.min.js 36KB

prism.min.js 34KB

index2.html 6KB

dist

metisMenu.min.css 781B

metisMenu.css 1KB

metisMenu.min.js 2KB

metisMenu.js 4KB

src

metisMenu.css 856B

metisMenu.js 4KB

index3.html 5KB

在线手册-参考手册-离线手册-手册网.url 120B

<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bootstrap左侧下拉三级菜单导航</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/metismenu.min.css"> <link rel="stylesheet" href="css/demo.css"> <link rel="stylesheet" href="css/prism.min.css"> <link rel="stylesheet" type="text/css" href="css/default.css">  </head> <body> <div class="sucaihuo-container"> <div class="sucaihuo-content bgcolor-8"> <div class="clearfix"> <aside class="sidebar"> <nav class="sidebar-nav"> <ul id="menu"> <li class="active"> <a href="#"> <span class="sidebar-nav-item-icon fa fa-github fa-lg"></span> <span class="sidebar-nav-item">metisMenu</span> <span class="fa arrow"></span> </a> <ul> <li> <a href="" target="_blank"> <span class="sidebar-nav-item-icon fa fa-code-fork"></span> Fork </a> </li> <li> <a href="" target="_blank"> <span class="sidebar-nav-item-icon fa fa-star"></span> Star </a> </li> <li> <a href="" target="_blank"> <span class="sidebar-nav-item-icon fa fa-exclamation-triangle"></span> Issues </a> </li> </ul> </li> <li> <a href="#">Menu 0 <span class="fa arrow"></span></a> <ul> <li><a href="#">item 0.1</a></li> <li><a href="#">item 0.2</a></li> <li><a href="" target="_blank">onokumus</a></li> <li><a href="#">item 0.4</a></li> </ul> </li> <li> <a href="#">Menu 1 <span class="glyphicon arrow"></span></a> <ul> <li><a href="#">item 1.1</a></li> <li><a href="#">item 1.2</a></li> <li> <a href="#">Menu 1.3 <span class="fa plus-times"></span></a> <ul> <li><a href="#">item 1.3.1</a></li> <li><a href="#">item 1.3.2</a></li> <li><a href="#">item 1.3.3</a></li> <li><a href="#">item 1.3.4</a></li> </ul> </li> <li><a href="#">item 1.4</a></li> <li> <a href="#">Menu 1.5 <span class="fa plus-minus"></span></a> <ul> <li><a href="#">item 1.5.1</a></li> <li><a href="#">item 1.5.2</a></li> <li><a href="#">item 1.5.3</a></li> <li><a href="#">item 1.5.4</a></li> </ul> </li> </ul> </li> <li> <a href="#">Menu 2 <span class="glyphicon arrow"></span></a> <ul> <li><a href="#">item 2.1</a></li> <li><a href="#">item 2.2</a></li> <li><a href="#">item 2.3</a></li> <li><a href="#">item 2.4</a></li> </ul> </li> </ul> </nav> </aside> <section class="content"> <div class="col-xs-12"> <h3>Auto Collapse <small>default</small></h3> <div class="panel panel-default"> <div class="panel-heading"> Code <span class="pull-right"><span class="fa fa-code"></span></span> </div> <div class="panel-body"> <pre><code class="language-markup"><script src="js/metismenu.js"></script> <script> $(function () { $('#menu').metisMenu(); }); </script></code></pre> </div> </div> </div> </section> </div> <hr> <div class="clearfix"> <aside class="sidebar"> <nav class="sidebar-nav"> <ul id="menu2"> <li class="active"> <a href="#">Menu 0 <span class="fa arrow"></span></a> <ul> <li><a href="#">item 0.1</a></li> <li><a href="#">item 0.2</a></li> <li><a href="" target="_blank">onokumus</a></li> <li><a href="#">item 0.4</a></li> </ul> </li> <li> <a href="#">Menu 1 <span class="glyphicon arrow"></span></a> <ul> <li><a href="#">item 1.1</a></li> <li><a href="#">item 1.2</a></li> <li> <a href="#">Menu 1.3 <sp

评论收藏

内容反馈