boots后台管理系统



<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>aaaaaaaaaaaatd>
                <td>aaaaaaaaatd>
                <td>aaaaaaaaaaatd>
                <td>wwwwwwwwwwwwwtd>
                <td>wwwwwwwwwwwtd>
                <td>反反复复凤付td>
                <td>反反复复凤飞td>
                <td style="width:90px; ">的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多td>
                <td>的顶顶顶顶顶多多td>
                <td>顶顶顶顶顶多td>
                <td>的顶顶顶顶顶顶td>
                <td>二分法付风二二二td>
                <td>的顶顶顶顶顶td>
              tr><tr>
                <td>aaaaaaaaaaaatd>
                <td>aaaaaaaaatd>
                <td>aaaaaaaaaaatd>
                <td>wwwwwwwwwwwwwtd>
                <td>wwwwwwwwwwwtd>
                <td>反反复复凤付td>
                <td>反反复复凤飞td>
                <td style="width:90px; ">的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多td>
                <td>的顶顶顶顶顶多多td>
                <td>顶顶顶顶顶多td>
                <td>的顶顶顶顶顶顶td>
                <td>二分法付风二二二td>
                <td>的顶顶顶顶顶td>
      tr><tr>
                <td>aaaaaaaaaaaatd>
                <td>aaaaaaaaatd>
                <td>aaaaaaaaaaatd>
                <td>wwwwwwwwwwwwwtd>
                <td>wwwwwwwwwwwtd>
                <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="#">1a>li>
                    <li><a href="#">2a>li>
                    <li><a href="#">2a>li>
                    <li><a href="#">3a>li>
                    <li><a href="#">下一页a>li>
                  ul>
                td>
              tr>
            table>
        div>
    div>
div>

body>
html>

你可能感兴趣的:(bootstrap表单)