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-fluid">
                <img src="zs.jpg" class="img-responsive"> <!-- 响应式图片 -->
            </div>
        </body>
    </html>

    image

    img-circle:椭圆形

    img-rounded:圆角矩形

    img-thumbnail:加圆角边框(常用)

  • 相关阅读:
    photoshop
    Linux服务之 Nginx安装
    linux笔记之基础 1
    GPT分区
    ftp
    python socket
    mariaDB
    redids
    长连接和短连接
    linux文件打包并发送到其他服务器
  • 原文地址:https://www.cnblogs.com/zhangxuechao/p/13817839.html
Copyright © 2011-2022 走看看