<!doctype html>
<html lang="ch">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="左右结构项目，属于大人员的社交工具">
<meta name="keywords" content="左右结构项目 社交 占座 ">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>Bootstrap左右结构响应式后台管理模板</title>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(function() {
$(".meun-item").click(function() {
$(".meun-item").removeClass("meun-item-active");
$(this).addClass("meun-item-active");
var itmeObj = $(".meun-item").find("img");
itmeObj.each(function() {
var items = $(this).attr("src");
items = items.replace("_grey.png", ".png");
items = items.replace(".png", "_grey.png")
$(this).attr("src", items);
});
var attrObj = $(this).find("img").attr("src");
;
attrObj = attrObj.replace("_grey.png", ".png");
$(this).find("img").attr("src", attrObj);
});
$("#topAD").click(function() {
$("#topA").toggleClass(" glyphicon-triangle-right");
$("#topA").toggleClass(" glyphicon-triangle-bottom");
});
$("#topBD").click(function() {
$("#topB").toggleClass(" glyphicon-triangle-right");
$("#topB").toggleClass(" glyphicon-triangle-bottom");
});
$("#topCD").click(function() {
$("#topC").toggleClass(" glyphicon-triangle-right");
$("#topC").toggleClass(" glyphicon-triangle-bottom");
});
$(".toggle-btn").click(function() {
$("#leftMeun").toggleClass("show");
$("#rightContent").toggleClass("pd0px");
})
})
</script>
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/slide.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/flat-ui.min.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.nouislider.css">
</head>
<body>
<div id="wrap">
<!-- 左侧菜单栏目块 -->
<div class="leftMeun" id="leftMeun">
<div id="logoDiv">
<p id="logoP"><img id="logo" alt="左右结构项目" src="images/logo.png"><span>左右结构项目</span></p>
</div>
<div id="personInfor">
<p id="userName">杨鹏</p>
<p><span>yangxp@qq.com</span> <a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
<p>
<a>退出登录</a>
</p>
</div>
<div class="meun-title">账号管理</div>
<div class="meun-item meun-item-active" href="#sour" aria-controls="sour" role="tab" data-toggle="tab"><img src="images/icon_source.png">资源管理</div>
<div class="meun-item" href="#char" aria-controls="char" role="tab" data-toggle="tab"><img src="images/icon_chara_grey.png">权限管理</div>
<div class="meun-item" href="#user" aria-controls="user" role="tab" data-toggle="tab"><img src="images/icon_user_grey.png">用户管理</div>
<div class="meun-item" href="#chan" aria-controls="chan" role="tab" data-toggle="tab"><img src="images/icon_change_grey.png">修改密码</div>
<div class="meun-title">地区管理</div>
<div class="meun-item" href="#scho" aria-controls="scho" role="tab" data-toggle="tab"><img src="images/icon_house_grey.png">地区管理</div>
<div class="meun-item" href="#regu" aria-controls="regu" role="tab" data-toggle="tab"><img src="images/icon_rule_grey.png">规则管理</div>
<div class="meun-item" href="#stud" aria-controls="stud" role="tab" data-toggle="tab"><img src="images/icon_card_grey.png">人员信息</div>
<div class="meun-item" href="#sitt" aria-controls="sitt" role="tab" data-toggle="tab"><img src="images/icon_char_grey.png">座位管理</div>
</div>
<!-- 右侧具体内容栏目 -->
<div id="rightContent">
<a class="toggle-btn" id="nimei">
<i class="glyphicon glyphicon-align-justify"></i>
</a>
<!-- Tab panes -->
<div class="tab-content">
<!-- 资源管理模块 -->
<div role="tabpanel" class="tab-pane active" id="sour">
<div class="check-div form-inline">
<button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addSource">添加资源</button>
</div>
<div class="data-div">
<div class="row tableHeader">
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 ">
编码
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
名称
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
链接
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
操作
</div>
</div>
<div class="tablebody">
<div class="row">
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
1
</div>
<div id="topAD" class="col-lg-4 col-md-4 col-sm-4 col-xs-4" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSystem" aria-expanded="true" aria-controls="collapseOne">
<span id="topA" class="glyphicon glyphicon-triangle-bottom "></span> <span>系统管理</span>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
/admin/system/userlist/software/
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeSource">修改</button>
<button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteSource">删除</button>
</div>
</div>
<!--系统管理折叠狂-->
<div id="collapseSystem" class="collapse in" aria-expanded="true">
<div class="row">
Bootstrap左右结构响应式后台管理模板.zip （68个子文件） 
Bootstrap左右结构响应式后台管理模板 css 
bootstrap.min.css 115KB flat-ui.min.css 128KB jquery.nouislider.css 3KB bootstrap.css 138KB bootstrap-theme.min.css 19KB common.css 5KB jquery.nouislider.min.css 1KB slide.css 2KB jquery-ui.css 19KB commonCopy.css 4KB images 
icon_source_grey.png 2KB
captchaCode.jpg 2KB icon_rule.png 1KB icon_change_grey.png 1KB icon_source.png 2KB icon_char_grey.png 2KB icon_change.png 1KB icon_user_grey.png 2KB icon_rule_grey.png 2KB icon_chara_grey.png 2KB icon_house_grey.png 1KB icon_char.png 1KB icon_card.png 1KB icon_house.png 1KB icon_chara.png 1KB Thumbs.db 2.31MB logo.png 206KB circle.png 2KB progress02.png 1KB icon_card_grey.png 1KB icon_user.png 2KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB lato lato-black.woff 34KB lato-regular.ttf 64KB
lato-bold.svg 278KB lato-bolditalic.svg 261KB lato-bold.eot 31KB lato-italic.eot 29KB lato-italic.woff 33KB lato-light.ttf 63KB lato-regular.eot 30KB lato-regular.woff 35KB lato-bolditalic.eot 30KB lato-regular.svg 262KB lato-italic.ttf 55KB lato-bold.ttf 66KB lato-light.svg 261KB lato-bold.woff 36KB lato-light.eot 29KB lato-bolditalic.ttf 58KB lato-black.svg 264KB lato-black.eot 30KB lato-black.ttf 64KB lato-bolditalic.woff 33KB lato-italic.svg 260KB lato-light.woff 34KB glyphicons-halflings-regular.svg 106KB
index.html 114KB js jquery.min.js 94KB jquery-ui.js 46KB html5.js 2KB jquery.nouislider.js 31KB respond.min.js 4KB bootstrap.min.js 35KB jquery.nouislider.min.js 8KB资源评论
ytmywyh_20082020-02-13对于学习 Bootstrap r 这个模板可以参考价值。
WZS9527
- 粉丝: 5
- 资源: 68
最新资源
- ssm学院党员管理系统+jsp.zip
- ssm学生信息管理系统+jsp.zip
- ssm学校运动会信息管理系统+jsp.zip
- ssm学生宿舍管理+jsp.zip
- ssm学生公寓管理中心系统的设计与实现+jsp.zip
- ssm学生请假系统+jsp.zip
- ssm学生公寓管理系统的设计与实现+jsp.zip
- ssm学生成绩管理系统+vue.zip
- 西门子s7 200smart与3台力士乐变频器通讯程序 原创可直接用于生产的程序，程序带注释，并附送触摸屏程序，有接线方式和设置，通讯地址说明等 程序采用轮询，可以后续根据要求适当修改后扩展 器件
- ssm削面快餐店点餐服务系统的设计与实现+jsp.zip
- ssm新生报到系统+jsp.zip
- ssm选课排课系统的设计与开发+vue.zip
- ssm星空游戏购买下载平台的设计与实现+jsp.zip
- ssm校园一卡通系统软件的设计与实现+jsp.zip
- ssm校园自助洗衣系统的分析与设计+jsp.zip
- ssm校园资讯推荐系统+jsp.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
