返回列表 發帖

Rank: 7Rank: 7Rank: 7
1# 跳轉到 » 倒序看帖
打印
tT
游東祥發表於 2014-7-19 10:43 | 顯示全部帖子

練習終、大家都是兩光占卜法師

本帖最後由 游東祥 於 2014-7-19 12:08 編輯

大家的作品連結：

http://app.kitaspace.net/yoho/

http://app.kitaspace.net/fufu/

http://app.kitaspace.net/elmer/



原始未完成程式碼：
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title></title>
  6.                 <!-- 引用 Bootstrap 素材與jQuery -->
  7.                 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  8.                 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
  9.                 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  10.                 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  11.         </head>
  12.         <body>
  13.                 <div class="container">

  15.                         <div class="row">
  16.                                 <div class="col-xs-12 col-sm-6 col-sm-offset-3">
  17.                                         <h1></h1>
  18.                                 </div>
  19.                         </div>

  21.                         <div class="row">
  22.                                 <div class="col-xs-12 col-sm-6 col-sm-offset-3">
  23.                                         <div class="input-group">
  24.                                                 <span class="input-group-addon"></span>
  25.                                                 <input class="form-control" />
  26.                                                 <span class="input-group-addon"></span>
  27.                                         </div>
  28.                                 </div>
  29.                         </div>

  31.                         <div class="row">
  32.                                 <div class="col-xs-12 col-sm-6 col-sm-offset-3">
  33.                                         <div class="input-group">
  34.                                                 <span class="input-group-addon"></span>
  35.                                                 <input class="form-control" />
  36.                                                 <span class="input-group-addon"></span>
  37.                                         </div>
  38.                                 </div>
  39.                         </div>

  41.                         <div class="row">
  42.                                 <div class="col-xs-12 col-sm-6 col-sm-offset-3">
  43.                                         <div class="input-group">
  44.                                                 <span class="input-group-addon"></span>
  45.                                                 <input class="form-control" />
  46.                                                 <span class="input-group-addon"></span>
  47.                                         </div>
  48.                                 </div>
  49.                         </div>

  51.                         <div class="row">
  52.                                 <div class="col-xs-12 col-sm-6 col-sm-offset-3">
  53.                                         <button type="button" class="btn btn-primary btn-lg btn-block"></button>
  54.                                 </div>
  55.                         </div>
  56.                         
  57.                         <div class="row">
  58.                                 <div class="col-xs-12 col-sm-6 col-sm-offset-3" style="margin-top:50px;">
  59.                                         <span style="font-size:50pt" class="label label-success"></span>
  60.                                         <span style="font-size:50pt" class="label label-info"></span>
  61.                                         <span style="font-size:50pt" class="label label-danger"></span>
  62.                                 </div>
  63.                         </div>

  65.                 </div>


  68.                 <script type="text/javascript">



  72.                 </script>


  75.         </body>
  76. </html>
複製代碼
收藏 分享

返回列表