命中中断点时如何将项目从一个引导程序列移至另一列?

时间:2019-05-24 16:05:15

标签: javascript css twitter-bootstrap bootstrap-4

我想在遇到特定断点时(可能在小屏幕上)将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完全删除第二列!

任何帮助将不胜感激! :)

0 个答案:

没有答案