Bootstrap页面模板

来源：互联网发布：西单附近美食知乎编辑：程序博客网时间：2024/04/26 03:55
<!DOCTYPE html><html><head>   <title>Bootstrap 实例 - 偏移列</title>   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>   <style>            .table th{ text-align: center; /*background-color:#617f10;*//*height:38px;*/}.table td { text-align: center; /*height:38px;*/}   </style></head><body><div class="container">    <div class="col-lg-12 ">      <h3 contenteditable="true" class="text-center">可视化数据平台</h3>    </div>    <br/><br/><br/><br/><div class="col-lg-12 ">   <div class="row">          <div class="col-lg-6 " align="left">          <button class="btn btn-info " type="button">新增</button>          </div>                    <div class="col-lg-6 " align="right">         <form class="form-search "><input class="input-medium search-query" type="text" placeholder="输入项目名称..."/> <button type="submit" class="btn btn-success">查找</button></form>          </div>       </div></div>      <br/><br/><div class="col-lg-12 " >          <table class="table table-hover  table-striped table-bordered" >                        <thead>                        <tr >                            <th>#</th>                            <th>First Name</th>                            <th>Last Name</th>                            <th>Username</th>                        </tr>                        </thead>                        <tbody>                        <tr>                            <td>1</td>                            <td>Mark</td>                            <td>Otto</td>                            <td>@mdo                            <a class="btn btn-primary" id="edit" href="edit">  <span class="glyphicon glyphicon-edit"></span>   Edit</a><a class="btn btn-danger" id="delete" href="delete">  <span class="glyphicon glyphicon-trash"></span>   Delete</a>                            </td>                        </tr>                        <tr>                            <td>2</td>                            <td>Jacob</td>                            <td>Thornton</td>                            <td>@fat</td>                        </tr>                        <tr>                            <td>3</td>                            <td>Larry</td>                            <td>the Bird</td>                            <td>@twitter</td>                        </tr>                          <tr>                            <td>4</td>                            <td>Sim</td>                            <td>Oie Json</td>                            <td>@sina</td>                        </tr>                        </tbody>        </table>    </div></div></body></html>
0 0