在bootstrap中,常用的三个类名分别是img-rounded,img-cir罕铞泱殳cle和img-thumbnail。下面小编举例讲解bootstrap定义图片形状的类名有那些。
工具/原料
html+bootstrap
代码编辑器:zendstudio10.0
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解bootstrap定义图片形状的类名有那些。
2、在test.html文件中,通过link标签引入bootstrap.min.css文件。
3、在test.html文件中,使用img标签创建一张图片。
4、在test.html文件中,给img标签添加img-rounded类名,实现图片圆角。
5、在test.html文件中,给img标签添加img-circle类名,让整个图片变成圆形。
6、在test.html文件中,给img标签添加img-thumbnail类名,给图片添加一个灰色的边框。