image.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Document</title>
    9.     <link rel="stylesheet" href="/static/third_party/bootstrap-5.1.3-dist/css/bootstrap.min.css">
    10.     <script src="/static/third_party/bootstrap-5.1.3-dist/js/bootstrap.min.js"></script>
    11. </head>
    13. <body>
    14.     <div class="container">
    15.         <form>
    16.             <div class="row">
    17.                 <div class="col-md-6 col-xs-12">
    18.                     <div class="mb-3">
    19.                         <label for="exampleFormControlInput1" class="form-label">用户名</label>
    20.                         <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="用户名">
    21.                     </div>
    22.                 </div>
    23.                 <div class="col-md-6 col-xs-12">
    24.                     <div class="mb-3">
    25.                         <label for="exampleFormControlInput1" class="form-label">密码</label>
    26.                         <input type="password" class="form-control" id="exampleFormControlInput1" placeholder="密码">
    27.                     </div>
    28.                 </div>
    29.                 <div class="col-xs-12">
    30.                     <div class="mb-3">
    31.                         <label for="exampleFormControlTextarea1" class="form-label">个人简介</label>
    32.                         <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
    33.                     </div>
    34.                 </div>
    35.                 <div class="col-md-6 col-xs-12">
    36.                     <button type="button" class="btn btn-success" style="width: 100%; margin-bottom: 10px;">提交</button>
    37.                 </div>
    38.                 <div class="col-md-6 col-xs-12">
    39.                     <button type="button" class="btn btn-secondary" style="width: 100%;">取消</button>
    40.                 </div>
    41.             </div>
    43.         </form>
    44.     </div>
    45. </body>
    47. </html>