我正在借助引导程序来开发Wordpress主题，因此我将在所有内容图像上手动应用大小写，如下所示：
<img src="images/logo_03.png" class="img-responsive">
有没有办法自动应用相同的类属性？我不想为此查询。我确信bootstrap有办法解决我的问题，所以让我知道CSS的任何解决方案。
您可以在主题中直接使用LESS mixins。如果您希望所有图像都能响应，则可以说：
//in your theme.less file
img {
.img-responsive();
}
将在您的theme.css文件中给您：
img {
//all Bootrap CSS properties that make your image responsive
//including surrounding media queries
}
但是，不建议这样做，因为它适用于所有<img>标签。
一个更专业的选择是使您的班级类似于：
//in your theme.less file
.theme-img {
.img-responsive();
//additional theme-specific styling
border: 1px solid blue;
}
并将其应用于您的图像：
<img class="theme-img" src="..." />
更新：与其他建议使用jQuery的答案不同，此解决方案不需要任何脚本，并且可以在旧的浏览器（例如IE）中使用。此外，即使在运行jQuery代码后，它也可用于<img>插入文档中的任何标签。但是，如果您决定使用Javascript，我建议您使用，因为它不需要jQuery，并且运行速度稍快。document.querySelectAll()
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句