我想在遇到特定断点时(可能在小屏幕上)将card 5
从{{1}的2nd column
下的card 1
中移出。
我现在无法更改整个布局,但这是必需的。!
1st column
这种布局是通过这种方式设计的,我将嵌套的列和卡片完美地放置在每一列中。
注意:(另一种方式)如果我可以设法在特定的断点处完全删除<div class="container">
<div class="row no-gutters">
<div class="col-lg-6">
<!-- Card 1 -->
<!-- Card 2 -->
<!-- Card 3 -->
<!-- Card 4 -->
</div>
<div class="col-lg-6">
<!-- Card 5 -->
<!-- Card 6 -->
<!-- Card 7 -->
</div>
</div>
</div>
,那么我可以为每张卡片配上2nd column
。如果仅能在该特定断点上使用CSS或JavaScript完全删除第二列!
任何帮助将不胜感激! :)