如何将引导图像响应类添加到主滑块插件 wordpress

Posted 2023-03-06

【中文标题】如何将引导图像响应类添加到主滑块插件 wordpress

【英文标题】：How can i add bootstrap image responsive class to master slider plugin wordpress

【发布时间】：2017-02-25 23:41:14

【问题描述】：

我有一个单页 wordpress 网站，使用 Stratus 主题并使用 Master 滑块插件作为幻灯片。我要做的就是让我的滑块图像具有响应性，为此我想将引导响应图像类添加到图像中。 但问题是我不知道在哪里添加，因为我找不到那个特定的 div http://www.tekfocal.com/

<div class="ms-slide-bgcont" style="opacity: 1; height: 864px;"><img src="http://www.tekfocal.com/wp-content/uploads/2016/08/Embeded-Systems-TekFocal.jpg"  title="embeded-systems-tekfocal" style="width: 1856px; height: 1044px; margin-top: 0px; margin-left: -160px;"></div>

【参考方案1】：

而不是添加一个类，为什么你不只是将“img-responsive”css 应用到你的滑块 img，你不认为添加类会以同样的方式工作

只需使用下面的代码

.ms-slide .ms-slide-bgcont img
    display: block;
    max-width: 100%;
    height: auto;