初识bootstrap
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="./css/bootstrap.css" rel="stylesheet" type="text/css"> <script charset="utf-8" type="text/javascript" src="./js/jquery-2.1.4.min.js"></script> <script charset="utf-8" type="text/javascript" src="./js/bootstrap.js"></script> </head>
<img src="..." class="img-responsive" alt="响应式图像">
<div class="container"> ... </div>
<form role="form-inline"> <div class="container"> <div class="form-group"> <label for="name">name</label> <input type="text" class="form-control" id="name" placeholder="请输入"> <div class="form-group"></div> <textarea class="form-control"></textarea> <div class="form-group"></div> <div class="form-group"> <select class="form-control input-lg"> <option value="">option1</option>
<option value="">option1</option> <option value="">option1</option> </select> </div> </div> </div> </form>
<ul class="list-group"> <li class="list-group-item">11</li> <li class="list-group-item">222</li> <li class="list-group-item">33</li> </ul>