bootcss做的网站后台。
2019-04-22 17:23:32208<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿里巴巴-网站后台</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/site.css" rel="stylesheet">
</head>
<body>
<div>
<div>
<div>
<div>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span></span> <span></span> <span></span> </a> <a href="#">LOGO</a>
<div>
<ul>
<li>
<a href="index.html">后台主页</a>
</li>
<li>
<a href="#">设置</a>
</li>
<li>
<a href="#">帮助</a>
</li>
<li>
<a href="#" data-toggle="dropdown">导航<b></b></a>
<ul>
<li>
<a href="#">生成主页index.htm</a>
</li>
<li>
<a href="#">清除网站缓存</a>
</li>
<li>
<a href="#">网站配置</a>
</ul>
</li>
</ul>
<form class="navbar-search pull-left" action="">
<input type="text" class="search-query span2" placeholder="Search" />
</form>
<ul class="nav pull-right">
<li>
<a href="#">欢迎您！Admin</a>
</li>
<li>
<a href="#">退出登录</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div>
<div style="padding: 8px 0;">
<ul class="nav nav-list">
<li>
LOGO
</li>
<li>
<a href="index.htm"><i class="icon-white icon-home"></i>后台主页</a>
</li>
<li>
<a href="#"><i></i> 网站配置</a>
</li>
<li>
用户
</li>
<li>
<a href="#"><i></i>用户管理</a>
</li>
<li>
<a href="#"><i></i>用户设置</a>
</li>
<li>
</li>
</ul>
</div>
</div>
<div>
<h1>
身份信息：CEO
</h1>
<div>
<h1>
欢迎鱼哥登录后台
</h1>
<p>
鱼哥，要不要让小秘帮您倒杯咖啡？
</p>
<p>
<a href="#" class="btn btn-primary btn-large">好的，快去</a> <a class="btn btn-large">不用了，我不渴</a>
</p>
</div>
<ul>
</ul>
<ul>
<li>
阿里巴巴 - 非官方网站
</li>
</ul>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/site.js"></script>
</body>
</html>
看着简单，其实不然，自己构思，P都没敲出来一个，网上资源千千万，还得自己动手干！抄，也要抄出境界！