小编Jat*_*mar的帖子

我在桌面视图中有4列用于HTML.当我们切换到移动视图时,我们显示2列和2行(请参阅附图,以供参考).

代码是:

<div class="sections">
    <div class="one-fourth-col">Column 1</div>
    <div class="one-fourth-col">Column 2</div>
    <div class="one-fourth-col">Column 3</div>
    <div class="one-fourth-col">Column 4</div>
</div>

我在移动版中获得的视图是:

我想要以下观点:

基本上,我想在左侧的第一列中显示#1和#2.而右侧第二列是#3和#4.

我在CSS中使用float:right属性.我想通过不移动HTML中的元素来处理这个问题.

谢谢你的帮助.