初识bootstrap

 

download first

<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>

　　

　　

 

posted @ 2016-03-08 15:54  kkco  阅读(313)  评论(0)    收藏  举报