Bootstrap 图片

  • Post author:
  • Post category:其他


在本章中,我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class:


  • .img-rounded

    :添加

    border-radius:6px

    来获得图片圆角。

  • .img-circle

    :添加

    border-radius:50%

    来让整个图片变成圆形。

  • .img-thumbnail

    :添加一些内边距(padding)和一个灰色的边框。

请看下面的实例演示:

实例

<img decoding=”async” src=”/wp-content/uploads/2014/06/download.png” class=”img-rounded”> <img decoding=”async” src=”/wp-content/uploads/2014/06/download.png” class=”img-circle”> <img decoding=”async” src=”/wp-content/uploads/2014/06/download.png” class=”img-thumbnail”>



尝试一下 »

结果如下所示:



版权声明:本文为shengyin714959原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。