zoukankan      html  css  js  c++  java
  • 从官方下载 Bootstrap 版本 并写 第一个页面

    从官方下载  Bootstrap 版本 页面内容参考自 http://www.cnblogs.com/sanjuantianshu/p/3935120.html

    bootstrap-3.2.0.zip  http://vip.csdn.net/home/down/7838607

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    <meta charset="utf-8">
    <!-- Bootstrap不支持IE的兼容模式,加入此标签以确保在每个被支持的IE浏览器中保持最好的页面展现效果 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 由于Bootstrap 3是移动设备优先,加入此标签是为了确保适当的绘制和触屏缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap-Template-01</title> 
    <link rel="stylesheet" href="./bootstrap-3.2.0/dist/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="./mycss/login.css"> 
    </head>
    <body> 
    <div class="main">
    <div style="200px;float:left;border:1px solid #ccc;margin-left:39%;margin-top:200px;">
    <div class="container" style="80%;">
    <form action="#" class="form-signin" role="form">
    <h2 class="form-signin-heading">用户登录</h2>
    <input type="text" class="form-control" placeholder="请输入用户名" required autofocus>
    <div style="height:10px;clear:both;display:block"></div>
    <input type="password" class="form-control" placeholder="请输入密码" required>
    <div class="checkbox">
    <label>
    <input type="checkbox" value="remember-me"> 记住登录状态
    </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
    </form>
    </div>
    </div> 
    </div>
    <script src="./bootstrap-3.2.0/jquery/jquery-1.7.1.js"></script> 
    <script src="./bootstrap-3.2.0/dist/js/bootstrap.min.js"></script>
    </body>
    </html>
    .main{ width:100%}
  • 相关阅读:
    python之enumerate枚举 第二篇(六):enumerate枚举
    git使用学习
    Git安装
    eclipse对项目整理分类
    Java基础学习总结——Java对象的序列化和反序列化
    工作代码实例
    substring与substr
    第一个jave程序-helloworld
    UI自动化
    sikuli实例
  • 原文地址:https://www.cnblogs.com/heling/p/3949541.html
Copyright © 2011-2022 走看看