我正在努力实现这种布局。 我有父 div (lightgray)，里面有两个 div。
左边的 div(灰色)里面有方形图片。图片应覆盖所有 div。右边的 div 有一些文本标签和 3 个按钮。这些按钮位于按钮组 div 内，在 iPhone 上处于纵向模式时，有时它们需要放置在另一行下而不是一行中。
我应该使用哪些 CSS 规则或 Bootstrap 类？
最佳答案
您应该学习使用 Bootstrap 网格系统。您应创建一个包含列的容器。您可以使它们针对每种屏幕尺寸显示不同。例如，此 div 在超小型设备(屏幕宽度 <768px)上为全宽，在中型桌面设备(≥992px)上为宽度的一半。
<div class="col-xs-12 col-md-6">Hello</div>
你应该阅读有关网格系统的内容，一切都会很清楚。
此外，使用响应实用程序显示/隐藏不同屏幕尺寸的元素:
关于html - 用图像显示比例 div 的正确方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42612756/