Bootstrap CSS布局之图像

 更新时间:2016年12月17日 10:43:52   作者:github_34514750  
这篇文章主要介为大家详细绍了Bootstrap CSS布局之图像的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文大家分享了Bootstrap CSS布局之图像,供大家参考,具体内容如下

img-rounded、img-circle、img-thumbnail(缩放图模式)

//源码
img {
 vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
 display: block;
 max-width: 100%;
 height: auto;
}
.img-rounded {
 border-radius: 6px;
}
//缩略图模式
.img-thumbnail {
 display: inline-block;
 max-width: 100%;
 height: auto;
 padding: 4px;
 line-height: 1.42857143;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 4px;
 -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}
.img-circle {
 border-radius: 50%;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • javascript模拟实现C# String.format函数功能代码

    javascript模拟实现C# String.format函数功能代码

    这篇文章主要介绍了javascript模拟实现C# String.format函数功能,相信大家可以用的到
    2013-11-11
  • javascript类数组的深入理解

    javascript类数组的深入理解

    这篇文章主要给大家介绍了关于javascript类数组的深入理解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • JavaScript 判断对象中是否有某属性的常用方法

    JavaScript 判断对象中是否有某属性的常用方法

    判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式。这篇文章给大家介绍了JavaScript 判断对象中是否有某属性的常用方法,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-06-06
  • JS前端分片上传大文件步骤(支持1G以上的超大文件)

    JS前端分片上传大文件步骤(支持1G以上的超大文件)

    当前端在开发过程中遇到上传文件需求,如果是小文件之类的可以正常按上传流程处理,但是当遇到上传大文件需求时就需要分片上传,这篇文章主要给大家介绍了关于JS前端分片上传大文件(支持1G以上的超大文件)的相关资料,需要的朋友可以参考下
    2024-08-08
  • js 优化次数过多的循环 考虑到性能问题

    js 优化次数过多的循环 考虑到性能问题

    IE没有我们想象中笨,它知道总的循环次数还是一千万次。因此,得把这一百个十万次循环分开执行。虽然Javascript是单线程的,但也可以通过setTimeout或setInterval模拟多线程。
    2011-03-03
  • 下载站常用的点击下载地址提示设hao123为首页的js代码

    下载站常用的点击下载地址提示设hao123为首页的js代码

    最近很多下载站下载文件的时候都提示设置hao123为首页,这里我们来分享下具体的实现方法,需要的朋友可以参考下
    2013-10-10
  • 使用layer.msg 时间设置不起作用的解决方法

    使用layer.msg 时间设置不起作用的解决方法

    今天小编就为大家分享一篇使用layer.msg 时间设置不起作用的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 浅谈ES6 模板字符串的具体使用方法

    浅谈ES6 模板字符串的具体使用方法

    本篇文章主要介绍了浅谈ES6 模板字符串的具体使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • OpenLayer学习之自定义测量控件

    OpenLayer学习之自定义测量控件

    这篇文章主要为大家详细 介绍了OpenLayer学习之自定义测量控件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JS函数内部属性之arguments和this实例解析

    JS函数内部属性之arguments和this实例解析

    在函数内部,有两个特殊的对象:arguments和this。这篇文章主要介绍了函数内部属性之arguments和this ,需要的朋友可以参考下
    2018-10-10

最新评论