zoukankan      html  css  js  c++  java
  • <Bootstrap> 学习笔记二. 栅格系统的使用

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.css">
        <script src="bootstrap/js/jquery-3.2.1.js"></script>
        <script src="bootstrap/js/bootstrap.js"></script>
    </head>
    <body style="background: white;">
    
    <!--栅格系统的使用-->
    <div class="container-fluid" style="background: white;">
        <div class="row">
            <div class="col-md-4 col-xs-6 col-sm-3">
                <img src="1.png" alt="说明" class="img-thumbnail img-responsive">
                <h3>RayLee</h3>
                <p>RayLee</p>
            </div>
            <div class="col-md-4 col-xs-6 col-sm-3">
                <img src="1.png" alt="说明" class="img-thumbnail img-responsive">
                <h3>RayLee</h3>
                <p>RayLee</p>
            </div>
            <div class="col-md-4 col-xs-6 col-sm-3">
                <img src="1.png" alt="说明" class="img-thumbnail img-responsive">
                <h3>RayLee</h3>
                <p>RayLee</p>
            </div>
        </div>
    
    </div>
    </body>
    </html>
  • 相关阅读:
    Sybase自增字段跳号处理
    Vault数据库还原/恢复问题
    值得一看的技术书
    原来爱一直在身边
    【转】VC++编程十大秘诀
    Qt 文件搜索
    字符串穷举算法(STL)
    C++ 流
    QML 学习(三)
    Qt Everything
  • 原文地址:https://www.cnblogs.com/ZeroHour/p/8287451.html
Copyright © 2011-2022 走看看