<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="../../bootstrap-3.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<style type="text/css">
body{
margin-top: 50px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-3">
<!-- 缩略图样式 -->
<a href="#" class="thumbnail">
<img src="../../image/php-thumb.png">
</a>
</div>
<div class="col-lg-3">
<!-- 缩略图样式 -->
<a href="#" class="thumbnail">
<img src="../../image/mysql-thumb.png">
</a>
</div>
<div class="col-lg-3">
<!-- 缩略图样式 -->
<a href="#" class="thumbnail">
<img src="../../image/js-thumb.png">
</a>
</div>
</div>
</div>
<!-- /container -->
<script src="../../jquery/jquery-1.10.2.min.js"></script>
<script src="../../bootstrap-3.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="../../bootstrap-3.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<style type="text/css">
body{
margin-top: 50px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-4">
<!-- 缩略图样式 -->
<div class="thumbnail">
<img src="../../image/shoes1.jpg">
<div class="caption">
<h5>Product detail</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p><a href="#" class="btn btn-success">Buy</a> <a href="#" class="btn btn-warning">Try</a></p>
</div>
</div>
</div>
<div class="col-lg-4">
<!-- 缩略图样式 -->
<div class="thumbnail">
<img src="../../image/shoes2.jpg">
<div class="caption">
<h5>Product detail</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p><a href="#" class="btn btn-success">Buy</a> <a href="#" class="btn btn-warning">Try</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- /container -->
<script src="../../jquery/jquery-1.10.2.min.js"></script>
<script src="../../bootstrap-3.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>