本来想偷懒的今天,想了想,还是写一篇吧,前端登录界面,用的BOOTSTRAP?

今天算是正式开始搞毕业设计,上手才知道有多艰难,一个登录窗口都没写好,特来请教,下面是代码:

<!DOCTYPE html>
<html >
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

</body>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

  <form class="form-horizontal">
    <fieldset>
      <div >
        <legend class="text-center">用户登录</legend>
      </div>
    <div class="control-group text-center">
          <!-- Text input-->
          <ul>
           <span class="glyphicon glyphicon-user"></span>
          <label class="control-label" for="input01">工号:</label>
           <input type="text" placeholder="employeeid" class="input-xlarge">
           </ul>
        </div>

    

    <div class="control-group text-center" >

          <!-- Text input-->
          <ul>
          <span class="glyphicon glyphicon-lock"></span>
          <label class="control-label" for="input01">密码:</label>
           <input type="password" placeholder="password" class="input-xlarge">
           </ul>
        </div>

   

    <div class="control-group text-center">
          <!-- Button -->
         <ul>
            <button class="btn btn-primary" type="button">登录</button>
            <button class="btn btn-link" type="button">忘记密码</button>
           </ul> 
        </div>
    </fieldset>
  </form>

</html>

  就是怎么把下面的登录按钮与输入框对齐,哎,问题还是留个自己吧! 昨天的问题解决代码如下:

import  random
def shuffle(list):
    f = len(list)-1
    for i in range(f,-0-1):
        d = random.randint(0,i)
        list[i],list[d] = list[d],list[i]
    return list

  shuffle的实现,感觉不是很好,明天查官方文档吧。