• 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

  • 相关阅读:
    树的子结构(剑指offer_26)
    合并两个排序的链表(剑指offer_25)
    反转链表(剑指offer_24)多看多思多想
    链表中环的入口结点(剑指offer_23)
    链表中倒数第k个节点
    调整数组顺序使奇数位于偶数前面(剑指offer_21)
    表示数值的字符串(剑指offer_20)
    1676. 跳石头
    1670. 回合制游戏
    1667. 区间统计(回顾)
  • 原文地址:https://www.cnblogs.com/zhangxuechao/p/13822247.html
Copyright © 2020-2023  润新知