abstract：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" type="image/x-icon" href="../images/logor.png">
<!-- 導(dǎo)入bootstrap樣式文件 -->
<link rel="stylesheet" href="../static/bootstrap/css/bootstrap.css">
<!-- 導(dǎo)入支持文件：jquery.js -->
<script src="../static/js/jquery.min.js"></script>
<!-- 導(dǎo)入bootstrap的js文件 -->
<script src="../static/bootstrap/js/bootstrap.js"></script>
<title>后臺(tái)管理系統(tǒng)</title>
<style>
.navbar-inverse{background: #333744;margin-bottom: 0px;border: none;border-radius: 0px;}
.main{position: absolute;width: 140px;height: 500px; background:#337ab7 ; text-align: center;}
.main a{border: none;width: 140px;border-radius: 0px; }
#left_li a{width: 140px;border-radius: 0px; background: #42485B;color: #fff;}
#left_li a:hover{background: #42442B;}
</style>
</head>
<body>
<!-- 頭部導(dǎo)航 -->
<nav class="navbar navbar-inverse" >
<div class="container-fluid" >
<div class="navbar-header" >
<a class="navbar-brand" href="#" >后臺(tái)管理系統(tǒng)</a>
</div>
<ul class="nav navbar-nav navbar-right" >
<li><img src="../images/avatar.png" alt=""></li>
<li ><a href="">admin <span>[系統(tǒng)管理員]</span> </a></li>
<li ><a href="#" >退出</a></li>
</ul>
</div>
</div>
</nav>
<!-- 左側(cè)菜單 -->
<div class="main" >
<a href="#declare1" class="btn btn-primary" data-toggle="collapse">管理員管理</a>
<div class="collapse" id="declare1">
<div class="btn-group-vertical" id="left_li">
<a href="" class="btn btn-default">管理員列表</a>
</div>
</div>
<a href="#declare2" class="btn btn-primary" data-toggle="collapse">權(quán)限管理</a>
<div class="collapse" id="declare2">
<div class="btn-group-vertical" id="left_li">
<a href="" class="btn btn-default">角色列表</a>
<a href="" class="btn btn-default">菜單列表</a>
</div>
</div>
<a href="#declare3" class="btn btn-primary" data-toggle="collapse">新聞管理</a>
<div class="collapse" id="declare3">
<div class="btn-group-vertical" id="left_li">
<a href="" class="btn btn-default">新聞列表</a>
<a href="" class="btn btn-default">新聞分類</a>
</div>
</div>
</div>
<!-- 右側(cè)主體 -->
<div style="position: absolute;left:140px;right: 0;">
<iframe class="embed-responsive-item" id="main_frame" src="/admins/home/welcome" style="width: 100%;height: 100%;" frameborder="0" scrolling="auto" ></iframe>
</div>
</body>
</html>
Correcting teacher：查無(wú)此人Correction time：2019-05-22 09:23:51
Teacher's summary：完成的不錯(cuò)。你這個(gè)是后臺(tái)管理頁(yè)面搭建吧， 課程是輪播圖吧。繼續(xù)加油吧。