<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jsmi demo</title>
<link rel="shortcut icon" href="logo.png"/>
<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
<div class="bg-success container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
<!-- Optional: clear the XS cols if their content doesn't match in height -->
<div class="clearfix visible-xs-block"></div>
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
</div>
<div class="container">
<img src="http://img13.360buyimg.com/vclist/jfs/t1819/294/1812368305/10726/d795caa0/56133eadNb57130e4.jpg" alt="..." class="img-rounded">
<img src="http://img12.360buyimg.com/vclist/jfs/t2128/252/505522643/14082/41aa24a3/56133ecaNb46def99.jpg" alt="..." class="img-circle">
<img src="http://img12.360buyimg.com/N3/jfs/t1801/260/1479694470/229040/109b4773/55f3c061N48b7602d.jpg" alt="..." class="img-thumbnail">
</div>
</div>
</body>
<script src="./build/js/Jsmi.js" charset="utf-8"></script>
</html>