引导和响应图像
我在img标记中使用.img响应类。图像非常小（42K），但当加载页面时，图像显示几秒钟相当大，直到缩小到适合容纳它的元素的大小为止。
我应该如何使用bootstrap处理响应性元素？
共有1个答案
当您的库代码（例如网格系统）加载延迟，并且您的“IMG”标记可能具有以下css时，就会出现此问题：
萨斯
#yourIMG
display:block
max-width:100%
height: auto
width: 100% /*this one is your problem*/
而width:100%使您的img全宽，在加载网格系统之前，您可以删除/覆盖该css或更早加载网格系统代码
注：网格系统，在这里可以是任何文件或css控制你的img父标签宽度
-
我如何让图像垂直居中Div/Row.我已经搜索过了，但所有的解决方案似乎都指向这是一个好的解决方案——但它对我不起作用。我正在使用Bootstrap 3... https://www.bootply.com/vQFalT6KxG
-
我试图使所有的图像都位于中心。然而，我不知道应该使用哪个引导程序代码。我尝试在该部分的顶部使用img responsive，但失败了。给定的代码是图像的一部分，这是我给出的第一个框。
-
问题内容： 我正在尝试创建一个响应式的图像网格（带有描述），当将鼠标悬停在该网格上时，它将具有颜色叠加层（仅图像而不是文本）。由于图像的响应高度，我遇到了一个问题，即覆盖层覆盖了所有内容，而不仅仅是图像。 有什么办法可以解决这个问题？ 为了方便理解，我在这里重新创建了该问题：http : //jsfiddle.net/r8rFc/ 这是我的HTML： 而我的CSS： 提前致谢！ 问题答案： 向包含
-
我正在使用具有响应图像的引导。我想通过向浏览器提供多种图像大小来优化加载时间。根据本文，使用srcset这样的简单方法有助于让浏览器选择最佳图像大小： 我的问题是，将其与引导img响应类相结合，即使只需要一张小图片，也会加载一张大图片。 代码示例：Bootply。使用Chrome进行测试，它内置支持srcset支持！其他一些浏览器需要picturefill.js才能识别它。） 如果您复制图像的源（
-
问题内容： 我有一个响应式html布局中的现有图像映射。图像根据浏览器大小缩放，但是图像坐标显然是固定的像素大小。我必须选择哪些选项来调整图像地图坐标的大小？ 问题答案： 您也可以使用svg代替图像映射。
-
我正在使用如下所示的引导网格，我正在尝试集中一些div。（图片）。我已经尝试了所有{边距：0自动；宽度：50%}等，但我无法解决。集中一些div不会那么难。这里有什么问题？请不要将其标记为重复。我已经研究了一整天，我就是无法解决。谢谢