bootstrap图片叠加_图片 | Images

图片 | Images

文档和示例用于选择图像为响应行为%28，这样它们就不会比父元素%29大，并向它们添加轻量级样式--所有这些都是通过类实现的。

响应图像

引导带中的图像是通过以下方式做出响应的.img-fluid...max-width: 100%;和height: auto;应用于图像，使其与父元素进行缩放。

SVG图像和IE 10

在InternetExplorer 10中，SVG图像与.img-fluid不成比例的大小。若要修复此问题，请添加width: 100% \9;必要的时候。这个修复错误地调整了其他图像格式的大小，所以Bootstrap不会自动应用它。

图像缩略图

除了我们边界半径公用事业，你可以用.img-thumbnail若要使图像呈现圆形1 px边框，请执行以下操作。

对齐图像

对齐图像与辅助浮点数类或文本对齐类...block-级别图像可以使用大.mx-auto边际效用类...

图片

如果您使用的是元素指定多个特定元素的元素。，确保添加.img-*类的而不是去标签。

​

© 2011–2017 Twitter, Inc.

©2011-2017自带作者

根据麻省理工学院的许可授权的代码。

根据CreativeCommonsAttributionLicense v3.0授权的文档。