​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>Bootstrap3 缩略图 - 迹忆客(jiyik.com)</title>
6
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
7
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
8
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
9
</head>
10
<body>
11
​
12
<div class="row">
13
    <div class="col-sm-6 col-md-3">
14
        <a href="#" class="thumbnail">
15
            <img src="/demo_source/kittens.jpeg"
16
                 alt="通用的占位符缩略图">
17
        </a>
18
    </div>
19
    <div class="col-sm-6 col-md-3">
20
        <a href="#" class="thumbnail">
21
            <img src="/demo_source/kittens.jpeg"
22
                 alt="通用的占位符缩略图">
23
        </a>
24
    </div>
25
    <div class="col-sm-6 col-md-3">
26
        <a href="#" class="thumbnail">
27
            <img src="/demo_source/kittens.jpeg"
28
                 alt="通用的占位符缩略图">
29
        </a>
30
    </div>
31
    <div class="col-sm-6 col-md-3">
32
        <a href="#" class="thumbnail">
33
            <img src="/demo_source/kittens.jpeg"
34
                 alt="通用的占位符缩略图">
35
        </a>
36
    </div>
37
</div>
38
​
39
</body>
40
</html>

Design By 迹忆客 © 2023 jiyik.com ALL RIGHT RESERVED 冀ICP备15007416号-2