图像:
bootstrap中有以下几种样式风格:
1.img-responsive:响应式图片,主要针对响应式设计
2.img-rounded:圆角图片
3.img-circle:圆形图片
4.img-thumbnail:缩略图片
注意:对于圆角图片和圆形图片效果,以为是使用了css3的圆角样式来实现的,多以注意对于IE8以及以下的版本不支持,这样操作就不响应了。
图标(一)
200个icon:这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效果。
在bootstrap框架中是通过给元素添加“glyphicon”类名来实现,然后通过伪元素":before"的content属性调取对应的icon编码。
图标(二)
所有的icon都是以"glyphicon-"前缀的类名开始,然后后缀表示图标的名称
所有的名称查看:请点击:http://getbootstrap.com/components/#glyphicons 链接查阅或根据bootstrap.css文件第2393行~第2992行查阅。
注意:除了使用gluphicon.com提供的图标之外,还可以使用第三为bootstrap框架设计的图标字体。