<分区>
我正在学习 Bootstrap，有一个谜题要问你......我正在尝试创建一个网格布局，它按以下模式更改顺序。我在以正确的方式推送和拉动类(class)时遇到了麻烦。我会包括我的代码，但我担心它与您可能会笑的解决方案相去甚远。这就是我要做的:
In Medium/Large Desktop: Small: X-small:
[A ] [A ] [A]
[B ] [B ] [1]
[C ] [1][2] [B]
[1][2][3] [C ] [2]
[D ] [D ] [C]
[E ] [3][4] [3]
[F ] [E ] [D]
[4][5][6] [F ] [4]
[5][6] [E]
[5]
[F]
[6]
如有任何帮助，我们将不胜感激!
最佳答案
这是不可能的。即使使用推拉，您也不能“跳过”其他 div。所以这是我能做的最好的:
<div class="col-xs-12">A</div>
<div class="col-xs-12">B</div>
<div class="col-xs-12">C</div>
<div class="col-xs-12 col-sm-6 col-md-3">1</div>
<div class="col-xs-12 col-sm-6 col-md-3">2</div>
<div class="col-xs-12 col-sm-6 col-md-3">3</div>
<div class="col-xs-12 col-sm-6 col-md-3">4</div>
<div class="col-xs-12">D</div>
<div class="col-xs-12">E</div>
<div class="col-xs-12">F</div>
<div class="col-xs-12 col-sm-6">5</div>
<div class="col-xs-12 col-sm-6">6</div>
这是一个pen
关于css - Bootstrap 新手 - 我有一个愚蠢的网格难题要解决，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26261145/