Html 为小型设备将引导列转换为行

我有一个4行的容器，每行有两列，比例为4:8。 对于每一列，它都适用于宽度超过1080px的屏幕，对于小于1080px的屏幕，内容会重叠

我想做的是，让所有的列变成一行，整个屏幕的宽度

如果有人有任何建议，以获得更好的结果，请帮助我。 我为有相同问题的人找到了许多问题，并尝试了他们的解决方案，但对我来说没有任何效果

.protitleleft{
字体大小：20px；
位置：绝对位置；
左：90px；
顶部：20px；
底部：20px；
}
.左{
位置：相对位置；
边缘底部：40px；
右边距：90像素；
边缘顶部：20px；
}
.对{
位置：相对位置；
边缘底部：40px；
左边距：90像素；
}
.procparagleft1{
位置：绝对位置；
左：100px；
顶部：138px；
字体大小：14px；
}
.2{
位置：绝对位置；
左：100px；
顶部：138px；
字体大小：14px；
}
.3{
位置：绝对位置；
左：100px；
顶部：138px；
字体大小：14px；
}

过程

我们的完美流程
1-很远
这一切都始于一位农民和他非凡的努力，种植人们后来称之为镇上最好的棉花

到了孟加拉国，我们去看看这是不是真的，的确如此


奢华的工作室留下了他们的印记
哦，伙计！我能说什么？

日以继夜地工作，提供功能强大但非常优雅的设计，在看到曙光之前获得内部社区的批准


3-完成艺术品
通过与阿迪达斯、锐步和Name的同一家工厂合作，我们能够将一个想法转化为一个非常强大的现实

4-质量符合完美
我们支持我们的产品，因为我们对我们提供的产品充满信心。

这就是为什么我们设计了一个无与伦比的购物和拆箱体验，以适应这样的创作

使用

col-md-4

和

col-md-8

而不是

col-xs-*

这样，992px宽度上方的比例为4:8，而992px下方的比例为全列宽度。你不必自己做。这是引导的标准行为

---

有关更多详细信息，请参见使用三个类别col-md-4、col-sm-4和col-xs-12，最后一个类别用于最小的设备全宽div标签。

我尝试了它，它成功了，但col-md-8隐藏在col-md-4后面，因此图像是唯一可见的东西，我从网站上截取了这个屏幕截图，看起来其他样式（如位置和浮动）破坏了默认行为。我删除了css代码，id工作正常。谢谢：）有帮助，我使用了最后一个