
上QQ阅读APP看书,第一时间看更新
4.4 Bootstrap图片
本节我们简单介绍一下Bootstrap框架中关于图片样式的内容。Bootstrap框架定义了3种图片样式,在Bootstrap 3中为.img-rounded、.img-circle和.img-thumbnail类,在Bootstrap 4中.img-rounded变为.rounded、.img-circle变为.rounded-circle。下面看一段代码示例。
【代码4-26】一个应用图片样式的设计(详见源代码ch04目录中ch04.image.html文件)

其页面效果如图4.26所示。

图4.26 图片样式