22 响应式布局之Bootstrap网页前端/web开发工程师

/ 集美大学经济学院网页前端/web开发工程师 / 2016-08-08

HTML5

一、了解Bootstrap

二、css、组件、以及JS介绍

<!DOCTYPE html>
<
html>
<
head lang="en">
    <
meta charset="UTF-8">
    <
title></title>
    <
link href="bootstrap.min.css" rel="stylesheet" type="text/css">
    <
link href="style.css" rel="stylesheet" type="text/css">
</
head>
<
body>
<
div class="container">

<
div class="row">
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
    <
div class="col-md-1">.col-md-1</div>
</
div>
<
div class="row">
    <
div class="col-md-8">.col-md-8</div>
    <
div class="col-md-4">.col-md-4</div>
</
div>
<
div class="row">
    <
div class="col-md-4">.col-md-4</div>
    <
div class="col-md-4">.col-md-4</div>
    <
div class="col-md-4">.col-md-4</div>
</
div>
<
div class="row">
    <
div class="col-md-6">.col-md-6</div>
    <
div class="col-md-6">.col-md-6</div>
</
div>


<
form>


    <
div class="form-group">
        <
label for="exampleInputEmail1">Email address</label>
        <
input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
    </
div>
    <
div class="form-group">
        <
label for="exampleInputPassword1">Password</label>
        <
input type="password" class= $.get("/basic/752/hit.do");


公众号,微信

汇鱼网海峡创乐汇
汇鱼网海峡创乐汇