bootstrap-9

图像:

  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框架设计的图标字体。

上一篇:SSH框架整合(XML)


下一篇:HTML5之2D物理引擎 Box2D for javascript Games 系列 翻外篇--如何结合createJS应用box2d.js