• 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

  • 相关阅读:
    Hadoop Ambari 安装
    hadoop 集群配置--增加减少新的机器不重启
    使用 XMPP 构建一个基于 web 的通知工具——转
    Hadoop 1.1.2 Eclipse 插件使用——异常解决
    UltraEdit中文乱码的解决方法
    Hadoop开发环境简介(转)
    Hadoop构成
    hadoop 1.2.1 eclipse 插件编译
    Python print 输出到控制台 丢数据
    社招面试总结
  • 原文地址:https://www.cnblogs.com/zhangxuechao/p/13822247.html
Copyright © 2020-2023  润新知