[问题] Bootstrap4 flex排版问题

楼主: dudu123 (kenm)   2020-04-16 23:50:32
如图:
https://imgur.com/a/bJ9Zw0l
新手我是用bootstrap4 flex来排版
现在遇到一个问题....
由于右栏的col-lg-2内容比较长
所以左栏col-lg-10的高度会被右栏撑开产生space的空白
请问要怎样消除右栏产生的高度,
让左栏的col-lg-10是一直往下排列的,不要有space产生...
因为右栏的col-lg-2在手机版会变成col-12用order改变顺序
穿插在由col-lg-10变成的col-12之中
所以没办法将左栏包在同一个col-lg-12里
还是有什么办法解决?
谢谢,请各位高手鞭小力
作者: Rplus (R+) (9527)   2020-04-17 02:15:00
这样的排版就不适合用 flex 呀,试试 float right
作者: ian90911 (xopowo)   2020-04-17 10:21:00
感觉可以用grid
作者: adzc2568 (白紊)   2020-04-17 18:32:00
电脑用grid 排,手机再用flex ?
作者: gkfat (gk)   2020-04-28 19:40:00
别让左右栏在同一列里面的话呢?

Links booklink

Contact Us: admin [ a t ] ucptt.com