作者dudu123 (kenm)
看板Web_Design
标题[问题] Bootstrap4 flex排版问题
时间Thu Apr 16 23:50:32 2020
如图：
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里
还是有什麽办法解决？
谢谢，请各位高手鞭小力
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 223.139.146.253 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1587052235.A.E94.html
1F：→ Rplus: 这样的排版就不适合用 flex 呀，试试 float right 04/17 02:15
2F：推 ian90911: 感觉可以用grid 04/17 10:21
3F：→ adzc2568: 电脑用grid 排，手机再用flex ？ 04/17 18:32
4F：推 gkfat: 别让左右栏在同一列里面的话呢？ 04/28 19:40