作者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/m.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