首页 | 简单教程,简单编程

代码编辑器：

<!DOCTYPE htm>
<meta charset="utf-8"> 
<link href="https://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
<style>body { padding: 40px;}</style>
<div class="container">
    <div class="row center">
        <ul class="thumbnails">
            <li class="span3">
                <div class="thumbnail">
                    <img src="/static/i/css/paris.jpg" alt="product 1">
                    <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>
            </li>
            <li class="span3">
                <div class="thumbnail">
                    <img src="/static/i/css/paris.jpg" alt="product 2">
                    <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>
            </li>
        </ul>
    </div>
</div>

代码编辑器：

运行结果：