Html 使用bootstrap为移动设备提供不同的行高度

在我的网站（oilsheikh.com）的主页上，我有一个100%宽80%高的大图像。 在移动设备中查看图像时，图像应仅为高度的50%（和100%宽度） 我用bootstrap在网站上构建了它。

---

如何设置css，使行仅在X列上有高度限制？

您考虑过媒体特定的css吗？所以把你的css放在移动设备上，就像这样

@media (max-width:480px){
    .someClass{ /*all css for .someClass here*/}
}