zoukankan      html  css  js  c++  java
  • Bootstrap 图片

    Bootstrap提供了三种简单的图片样式。

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Bootstrap图片</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
    </head>
    <body>
    <div class="container">
    <h2>图片</h2>

    <p> .img-thumbnail 类可制作图片缩略图:</p>
    <img src="Images/klematis2_small.jpg" alt="" class="img-thumbnail" />

    <p> .img-circle 类将图片变为圆形 (IE8 不支持):</p>
    <img src="Images/klematis3_small.jpg" alt="" class="img-circle" />

    <p> .img-rounded 类为图片添加圆角 (IE8 不支持):</p>
    <img src="Images/klematis4_small.jpg" alt="" class="img-rounded" />

    <p> .img-responsive类让图片支持响应式,将很好地扩展到父元素 (通过改变窗口大小查看效果):</p>
    <img src="Images/HTML5LOGO.jpg" class="img-responsive" />

    </div>

    <script src="jQuery/jquery-2.1.4.js"></script>
    <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    </body>
    </html>

  • 相关阅读:
    "ERR unknown command 'cluster'"
    shell-url-decode
    mac-ppt-auto-open-recovery-files
    gorm-Duplicate-entry
    mac 终端光标在单词之间移动
    seelog 文件输出格式
    nginx-port-Permission-denied
    浏览器-网络
    浏览器-兼容性
    浏览器-浏览器知识
  • 原文地址:https://www.cnblogs.com/melao2006/p/4989782.html
Copyright © 2011-2022 走看看