Bootstrap 开发基本模板

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>Bootstrap 101 Template</title>

<!-- Bootstrap -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-1 col-sm-1 col-sm-offset-11 col-md-offset-0 col-xs-1 col-xs-offset-5 btn btn-primary"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-1 col-sm-1 col-sm-offset-10 col-xs-1 col-xs-offset-4 btn btn-success"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-2 col-sm-1 col-sm-offset-9 col-xs-1 col-xs-offset-5 btn btn-info"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-3 col-sm-1 col-sm-offset-8 col-xs-1 col-xs-offset-6 btn btn-default"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-4 col-sm-1 col-sm-offset-7 col-xs-1 col-xs-offset-5 btn btn-warning"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-5 col-sm-1 col-sm-offset-6 col-xs-1 col-xs-offset-4 btn btn-danger"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-6 col-sm-1 col-sm-offset-5 col-xs-1 col-xs-offset-5 btn btn-default"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-7 col-sm-1 col-sm-offset-4 col-xs-1 col-xs-offset-6 btn btn-warning"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-8 col-sm-1 col-sm-offset-3 col-xs-1 col-xs-offset-5 btn btn-info"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-9 col-sm-1 col-sm-offset-2 col-xs-1 col-xs-offset-4 btn btn-success"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-10 col-sm-1 col-sm-offset-1 col-xs-1 col-xs-offset-5 btn btn-danger"></div>
</div>
<div class="row">
<div class="col-md-1 col-md-offset-11 col-sm-1 col-sm-offset-0 col-xs-1 col-xs-offset-6 btn btn-primary"></div>
</div>
</div>

 

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

</body>
</html>

posted @ 2015-04-27 08:47  mrt_yy  阅读(330)  评论(0编辑  收藏  举报