Html 使图像和文本具有响应性

我希望我的图像和文本能够响应，我已经为我需要的格式添加了图像，但我使用了一些编码，我无法以正确的方式进行。有人能帮我吗

我这里有这个格式的桌面版

这就是我在768屏幕的平板电脑上看到的

现在，我希望平板电脑和台式机中的一样

@媒体（最小宽度：641px）{
.本垒打{
背景：url（../../images/index/u155.png）；
背景位置：中心；
背景重复：无重复；
最小高度：280px；
颜色：#fff；
填充顶部：30px；
填充底部：30px；
}
}

public/images/image\u directeur.png“class=“director img”>
D'L''''.''''.'''.'损坏''.''.''.''.'''.''.''''.''''.''''.''''.'''.''''.''''.''''.''''.''''.''''.''''.''''.''''.''''.'''阿利克斯先生帕特里克JOD……帕特里克……DAs LD干部合作社，AVEC，SeaCulieRes，损坏财务公司，L'Cale'GeNe'Raeles财务公司DuMAROC，ReaCu U DU 25 AU 28 AO。ral Guy Romero LATRY先生。。。



盖伊·罗梅罗·拉特里·里尔文章>>

列md-*适用于大于992px的屏幕宽度

您应该在第一列div中添加'col-sm-4'，在第二列div中添加'col-sm-8'。添加，而不是替换

---

这将有助于在较小的屏幕上获得正确的比例。

在其他两个div中添加另一类'col-sm-4'和'col-sm-8'