zoukankan      html  css  js  c++  java
  • bootstrap缩略图

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>我是中国人</title>
    
            <!-- 新 Bootstrap 核心 CSS 文件 -->
            <link href="css/bootstrap.min.css" rel="stylesheet">
    
            <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
            <script src="js/bootstrap.min.js"></script>
    
            <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
        </head>
        <body>
            <div id="" class="container">
                <div id="" class="row">
    
                    <div id="" class="col-md-3 col-sm-4 col-xs-6">
                        <div id="" class="thumbnail">
                            <img src="zs.jpg">
                            <div id="">
                                <h3 class="bg-info">请打赏我</h3>
                                <p class="text-muted">
                                    捐款行为本身不仅体现了一种美德,也体现出一种智慧,
                                    一种对财富作用深刻理解的智慧
                                </p>
                            </div>
                            <div id="" class="text-right">
                                <button type="button" class="btn btn-warning">我去</button>
                                <button type="button" class="btn btn-danger">可以</button>
                            </div>
                        </div>
                    </div>
    
                    <div id="" class="col-md-3 col-sm-4 col-xs-6">
                        <div id="" class="thumbnail">
                            <img src="zs.jpg">
                            <div id="">
                                <h3 class="bg-primary">请打赏我</h3>
                                <p class="text-muted">
                                    因为此时,他们要通过这次活动来传达我们中国人的团结和不畏困难!
                                    因为此时,他们要通过自己的表率来与每一位捐款人的心灵相贴!
                                </p>
                            </div>
                            <div id="" class="text-right">
                                <button type="button" class="btn btn-success">赞同</button>
                                <button type="button" class="btn btn-info">认可</button>
                            </div>
                        </div>
                    </div>
    
                </div>
            </div>
        </body>
    </html>

    image

  • 相关阅读:
    Java中的异常处理
    Java源码阅读Vector
    Java源码中遇到的一些问题(更新中)
    Java迭代器原理
    有趣的位运算-与或非
    有趣的位运算-移位运算
    为何要使用原码, 反码和补码?
    有趣的位运算-异或
    为什么实现Serializbale接口就能够进行序列化?
    死锁,活锁,饥饿
  • 原文地址:https://www.cnblogs.com/zhangxuechao/p/13822247.html
Copyright © 2011-2022 走看看