BootstrapBootstrap学习笔记系列5——Bootstrap图片展示

由此丰富一下之class来促成bootstrap对图纸的支撑

  • img-round 通过border-radius:6px 来获得图片圆角
  • img-circle 通过border-radius:50%来让总体图片编程圆形
  • img-thumbnail 添加一些内边距同一个灰的自律
  • img-responsive 增加图的响应式支持
    眼看几个功能可勾兑使用,如果想实现一个支持响应式的有框的圈图片

<img class=" img-circle img-thumbnail img-responsive"src="snap.jpg" alt="snap" >

相关文章