[問題] Bootstrap4 flex排版問題

作者: dudu123 (kenm)   2020-04-16 23:50:32
如圖:

新手我是用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