boots后台管理系统

<!--后台管理系统页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script  src="./js/jquery.min.js"></script>
<script  src="./js/bootstrap.min.js"></script>

<title></title>
</head>
<style type="text/css">
.cus-tc{ 
    padding-top:50px; 
 }
 .cus-liebiao ul{
    padding-left:40px;
 }
 .cus-bor{
    border:1px solid #ddd;
 }
 .cus-fenye{
    text-align:center; 
 }
 .cus-fenye ul{
    margin:0;
 }
 #cus-middle tr td{
    text-align:center; 
    vertical-align:middle; 
 }
</style>
<body>
<nav class=".navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-brand">超级程序员后台管理系统</div>
    <ul class="nav navbar-nav pull-right">
        <li><a href="#">欢迎</a></li>
        <li><a href="#">退出</a></li>
    </ul>
</nav>
<ul class="nav nav-pills cus-tc">
    <li class="active"><a href="">的股份</a></li>
    <li><a href="">的股份</a></li>
    <li><a href="">的股份</a></li>
</ul>
    <!-- 左侧选择条 -->
<div class="row">
    <div class="col-lg-2 cus-bor">
        <ul class="nav nav-pills nav-stacked cus-liebiao">
            <li>
              <a href="#my-dd" data-toggle="collapse">
                <span class="glyphicon glyphicon-triangle-bottom"></span>订单管理
              </a>
                <ul class="nav nav-pills nav-stacked collapse in" id="my-dd">
                  <li><a href="#cus-mylist" data-toggle="collapse">我的订单</a></li>
                  <li><a href="">他的订单</a></li>
                </ul>
            </li>
            <li>
              <a href="#my-vip" data-toggle="collapse">
                <span class="glyphicon glyphicon-triangle-bottom"></span>会员管理
              </a>
                <ul class="nav nav-pills nav-stacked collapse" id="my-vip">
                  <li><a href="">我的会员</a></li>
                  <li><a href="">他的会员</a></li>
                </ul>
            </li>

        </ul>
    </div>
    <!-- 右侧 数据列表 -->
    <div class="col-lg-10">
        <div class="panel panel-default collapse in" id="cus-mylist">
            <div class="panel-heading">
              <form action="" role="form" class="form-inline">
                <input type="text" placeholder="输入选择" class="form-control">
                <input type="submit" class="btn btn-primary form-control" value="点击查询" >
              </form>
            </div>
            <table class="table table-bordered table-hover " id="cus-middle">
              <tr>
                <th>时间</th>
                <th>姓名</th>
                <th>年鱼儿阿萨德</th>
                <th>年月日</th>
                <th>开始备份数</th>
                <th>爱迪生多</th>
                <th>啊啊啊啊啊啊</th>
                <th>啊啊啊啊啊</th>
                <th>啊啊啊啊啊啊</th>
                <th>啊啊啊啊</th>
                <th>我问问</th>
                <th>是是是</th>
                <th>开始更改</th>
              </tr>
     <tr>
                <td>aaaaaaaaaaaa</td>
                <td>aaaaaaaaa</td>
                <td>aaaaaaaaaaa</td>
                <td>wwwwwwwwwwwww</td>
                <td>wwwwwwwwwww</td>
                <td>反反复复凤付</td>
                <td>反反复复凤飞</td>
                <td style="width:90px; ">的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多</td>
                <td>的顶顶顶顶顶多多</td>
                <td>顶顶顶顶顶多</td>
                <td>的顶顶顶顶顶顶</td>
                <td>二分法付风二二二</td>
                <td>的顶顶顶顶顶</td>
              </tr><tr>
                <td>aaaaaaaaaaaa</td>
                <td>aaaaaaaaa</td>
                <td>aaaaaaaaaaa</td>
                <td>wwwwwwwwwwwww</td>
                <td>wwwwwwwwwww</td>
                <td>反反复复凤付</td>
                <td>反反复复凤飞</td>
                <td style="width:90px; ">的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多</td>
                <td>的顶顶顶顶顶多多</td>
                <td>顶顶顶顶顶多</td>
                <td>的顶顶顶顶顶顶</td>
                <td>二分法付风二二二</td>
                <td>的顶顶顶顶顶</td>
      </tr><tr>
                <td>aaaaaaaaaaaa</td>
                <td>aaaaaaaaa</td>
                <td>aaaaaaaaaaa</td>
                <td>wwwwwwwwwwwww</td>
                <td>wwwwwwwwwww</td>
                <td>反反复复凤付</td>
                <td>反反复复凤飞</td>
                <td style="width:90px; ">的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多</td>
                <td>的顶顶顶顶顶多多</td>
                <td>顶顶顶顶顶多</td>
                <td>的顶顶顶顶顶顶</td>
                <td>二分法付风二二二</td>
                <td>[修改][确认]</td>
              </tr>
              <tr>
                <td colspan="13" class="cus-fenye">
                  <ul class="pagination">
                    <li><a href="#">上一页</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">下一页</a></li>
                  </ul>
                </td>
              </tr>
            </table>
        </div>
    </div>
</div>

</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值