响应式图片
为图片设置.img-responsive
类使图片支持响应式布局。本质是
max-width: 100%;
height: auto;
display: block;
这里需要让设置了img-responsive的元素居中需要设置center-block类
.center-block{
display: block;
margin-left: auto;
margin-right: auto;
}
/*use as a mixin*/
.elem{
.center-block();
}
图片形状
IE8及以下不支持CSS3中的圆角属性
.img-circle
, ,img-rounded
, .img-thumbnail