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>
  • 相关阅读:
    D
    A
    D
    G
    H
    E
    F
    B
    D
    oracle中新建用户和赋予权限
  • 原文地址:https://www.cnblogs.com/ZeroHour/p/8287451.html
Copyright © 2011-2022 走看看