Bootstrap4 图像形状

Bootstrap4 教程 · 2019-03-01 23:26:28

圆角图片

.rounded 类可以让图片显示圆角效果：

实例

椭圆图片

.rounded-circle 类可以设置椭圆形图片:

实例

缩略图

.img-thumbnail 类用于设置图片缩略图(图片有边框):

实例

图片对齐方式

使用 .float-right 类来设置图片右对齐，使用 .float-left 类设置图片左对齐:

实例

响应式图片

图像有各种各样的尺寸，我们需要根据屏幕的大小自动适应。

我们可以通过在 <img> 标签中添加 .img-fluid 类来设置响应式图片。

.img-fluid 类设置了 max-width: 100%; 、 height: auto; :

实例

点击查看所有 Bootstrap4 教程文章: https://codercto.com/courses/l/26.html

查看所有标签

码农书籍

另一个地球

[美]马克·格雷厄姆、威廉·H·达顿 / 胡泳、徐嫩羽 / 电子工业出版社 / 2015-10-1 / 78

互联网在日常工作和生活中扮演日益重要的角色，互联网将如何重塑社会？本书通过汇集有关互联网文化、经济、政治角色等问题的研究成果，提供了特定社会制度背景下解决这一问题的根本办法。关于互联网的研究是蓬勃发展的崭新领域，牛津大学互联网研究院(OII)作为创新型的跨学科学院，自成立起就专注于互联网研究。牛津大学互联网研究院关于互联网+社会的系列讲座在一定程度上塑造了互联网+社会。本书内容基于不同学科......一起来看看《另一个地球》这本书的介绍吧!

码农工具

RGB CMYK 转换工具

RGB CMYK 互转工具

HEX HSV 转换工具

HEX HSV 互换工具

New

文章

话题

教程

Tips

#include <stdio.h>
int main()
{
    printf("Hello, World!");
    return 0;
}