zoukankan      html  css  js  c++  java
  • 图像

    在Bootstrap框架中对于图像的样式风格提供以下几种风格:

    1、img-responsive:响应式图片,主要针对于响应式设计
    2、img-rounded:圆角图片
    3、img-circle:圆形图片
    4、img-thumbnail:缩略图片

    <img  alt="140x140" src="http://placehold.it/140x140">
    <img  class="img-rounded" alt="140x140" src="http://placehold.it/140x140">
    <img  class="img-circle" alt="140x140" src="http://placehold.it/140x140">
    <img  class="img-thumbnail" alt="140x140" src="http://placehold.it/140x140">
    <img  class="img-responsive" alt="140x140" src="http://placehold.it/140x140">

    设置图片大小:

    由于样式没有对图片做大小上的样式限制,所以在实际使用的时候,需要通过其他的方式来处理图片大小。比如说控制图片容器大小。(注意不可以通过css样式直接修改img图片的大小,这样操作就不响应了)

    注意:

    对于圆角图片和圆形图片效果,因为是使用了CSS3的圆角样式来实现的,所以注意对于IE8以及其以下版本不支持,是没有圆角效果的。

  • 相关阅读:
    mmap和MappedByteBuffer
    Linux命令之TOP
    Linux命令之ss
    MySql Cluster
    HttpClient配置
    注释驱动的 Spring cache 缓存介绍
    Spring AOP 实现原理与 CGLIB 应用
    AspectJ本质剖析
    B树
    imagick-3.1.0RC2 安装错误
  • 原文地址:https://www.cnblogs.com/family-626-77/p/5775871.html
Copyright © 2011-2022 走看看