Bootstrap 如何在不同的屏幕尺寸上排列列的位置和顺序？
How to arrange columns position and order on different screen size on Bootstrap?
我知道 Bootstrap 通过使用 类 sm,md,lg 作为他们的网格系统来支持响应式设计。我知道他们还可以使用推拉交换进入下一行的列。
但我想问是否有人对在这种情况下安排专栏有更好的想法。
B 列应跨越两行 -- 它将包含文本，而列 A、B 将包含图像。
在大屏幕上
上校 |列B
上校 C |上校 B
在较小的屏幕上
A 列
上校 B
COL
如果你创建2个Col B，但是大屏幕隐藏1个，小屏幕隐藏1个怎么办？
<div class="col-lg-6">
<div>
A
</div>
<div class="hidden-lg">
<img width=100 height=100 />
</div>
<div>
C
</div>
</div>
<div class="col-lg-6 visible-lg">
<img width=100 height=100 />
</div>
我知道 Bootstrap 通过使用 类 sm,md,lg 作为他们的网格系统来支持响应式设计。我知道他们还可以使用推拉交换进入下一行的列。 但我想问是否有人对在这种情况下安排专栏有更好的想法。 B 列应跨越两行 -- 它将包含文本，而列 A、B 将包含图像。
在大屏幕上
上校 |列B
上校 C |上校 B
在较小的屏幕上
A 列
上校 B
COL
如果你创建2个Col B，但是大屏幕隐藏1个，小屏幕隐藏1个怎么办？
<div class="col-lg-6">
<div>
A
</div>
<div class="hidden-lg">
<img width=100 height=100 />
</div>
<div>
C
</div>
</div>
<div class="col-lg-6 visible-lg">
<img width=100 height=100 />
</div>