Bootstrap学习笔记类别5——Bootstrap图片展现

通过丰盛一下的class来促成bootstrap对图纸的支撑

  • img-round 通过border-radius:6px 来获得图片圆角
  • img-circleBootstrap, 通过border-radius:50%来让全体图片编制程序圆形
  • img-thumbnail 添加一些内边距和一个玛瑙红的框
  • img-responsive 扩展图片的响应式支持
    这多少个功效能够勾兑使用,如若想实现八个支撑响应式的有框的圆形图片

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

相关文章