Bootstrap中的图片样式是通过css3的border-radius
http://wangjingyi.iteye.com/blog/2169790 进行封装,可以轻松的添加三个类给图片设置样式:
查看源码是这样的:
.img-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
但是针对不同像素的图片明显circle是不合适的,所以引用的时候要注意设置图片的高宽。
**IE7-8不支持border-radius
分享到:
相关推荐
官方的bootstrap-fileinput-4.3.2 bootstrap fileinput 4.3.2 官方 文件图片上传
bootstrap-fileinput官方工具包,通过使用它可以实现在bootstrap下的文件图片上传
主要介绍了Bootstrap中的fileinput 多图片上传及编辑功能的实现,非常不错,具有参考借鉴价值,需要的朋友可以参考下
bootstrap-fileinput 图片上传插件 支持 单张 多张 拖拉等形式
bootstrap-fileinput实现多图片上传,界面美观,功能全面
通过对很多种文件提供预览支持,比如图片,文本,html,视频,声音,flash和对象,它大大增强了文件输入的功能。另外,它还包含基于AJAX的上传,拖拽,移除文件的功能,可视化的上传进度条,和可选择的添加或删除...
主要介绍了bootstrapfileinput实现文件自动上传,bootstrap fileinput插件对多种类型的文件提供文件预览,并且提供了多选等功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
图片上传插件 bootstrap-fileinput
SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。
主要介绍了BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤,需要的朋友可以参考下
拖放的插入图片,支持图片上传(支持手机拍照) 支持声音输入(chrome支持) 允许自定义的工具条,可以使用所有的bootstrap内容,字体 不使用任何强制的样式 ………………………… 其实不止这些,需要大家...
bootstrap-pdfjs-查看器 一个带有PDF.js查看器的简单Bootstrap网站 要在本地运行此项目,请导航到Node.js终端中的项目文件夹,然后运行以下命令: npm i npm start 这将打开浏览器,并显示一个新选项卡,显示PDF....
Bootstrap-font 中600多个图标,可以改图片大小、颜色,调用简单方便,共3个文件(html/css/woff),html打开就能看到所有图标,调用方法 class="fa fa-glass" 其中fa可以改大小和颜色,fa-XXX为图标,可以结合css...
很久没有更新博客了,再不写点东西都烂了。... Jcrop:用于前端“裁剪”图片 bootstrap-fileinput:用于前端优化上传控件样式 ARTtemplate:JS版的JSTL?反正就是一个腾讯的模板化插件,很好用,真心。 bootstrap
bootstrap-photo-gallery是一款基于Bootstrap3.x的响应式网格图片画廊插件。该图片画廊插件使用Bootstrap的网格系统来布局,采用jQuery来触发模态窗口显示相应的大图,并且支持不同高度的图片说明文本。
bootstrap-filestyle是一款基于Bootstrap的文件上传组件美化jQuery插件。它使用简单,效果美观。支持多文件上传和使用data属性,并且兼容IE8浏览器。
NULL 博文链接:https://apbbbbb.iteye.com/blog/2296789
asp.net mvc+Bootstrap Fileinput框架实现的文件上传,实例经过测试请放心下载参考。
bootstrap-carousel-touch-slider是一款基于Bootstrap支持移动端的响应式轮播图效果。该轮播图特效可以使用手指进行滑动切换。并且它和animate.css结合,可以制作出各种炫酷的文字动画效果。 使用方法 在页面中...