zoukankan      html  css  js  c++  java
  • 错题集-index.html

        <!DOCTYPE html>
    <html lang="zh-CN">
    <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">
        <title>Document</title>
        <link rel="stylesheet" href="libs/bootstrap.css">
        <style>
            th{text-align: center}
            .h-80{height:80px;}
        </style>
    </head>
    <body>
        <div class="container">
            <div class="row align-items-center h-80">
                <a class="h1 col-2">LOGO</a>
                <span class="h2 col-3">XXX收集系统</span>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" id="insert">添加错题</button>
            </div>
            <table class="table table-bordered table-striped table-hover mt-5 text-center">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>标题</th>
                        <th>内容</th>
                        <th>备注</th>
                        <th>删除</th>
                        <th>修改</th>
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>
            </table>
            <nav aria-label="Page navigation example" class="mt-5">
                <ul class="pagination justify-content-center">
                    <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                </ul>
            </nav>
        </div>
    
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">请输入信息</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="recipient-name" class="col-form-label">标题</label>
                            <input type="text" class="form-control" id="title">
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="col-form-label">内容</label>
                            <textarea class="form-control" id="content"></textarea>
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="col-form-label">备注</label>
                            <textarea class="form-control" id="message"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success mx-auto" data-dismiss="modal" id="btn">提交</button>
                </div>
            </div>
        </div>
    </div>
    </body>
    <script src="libs/jquery.js"></script>
    <script src="libs/popper.js"></script>
    <script src="libs/bootstrap.js"></script>
    <script src="js/ajax.2.0.js"></script>
    <script src="js/index.js"></script>
    </html>
    
    
    
  • 相关阅读:
    一些业内有名的网站收集
    WCF重载
    FCKEditor fckconfig.js配置,添加字体和大小 附:中文字体乱码问题解决
    查询第几条到第几条的数据的SQL语句
    SPOJ 9939 Eliminate the Conflict
    UVA 10534 Wavio Sequence
    HDU 3474 Necklace
    POJ 2823 Sliding Window
    UVA 437 The Tower of Babylon
    UVA 825 Walking on the Safe Side
  • 原文地址:https://www.cnblogs.com/sansancn/p/10922832.html
Copyright © 2011-2022 走看看