[問題] Bootstrap4 flex排版問題

看板Web_Design作者 (kenm)時間4年前 (2020/04/16 23:50), 編輯推噓2(202)
留言4則, 4人參與, 4年前最新討論串1/1
如圖: 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://www.ptt.cc/bbs/Web_Design/M.1587052235.A.E94.html

04/17 02:15, 4年前 , 1F
這樣的排版就不適合用 flex 呀,試試 float right
04/17 02:15, 1F

04/17 10:21, 4年前 , 2F
感覺可以用grid
04/17 10:21, 2F

04/17 18:32, 4年前 , 3F
電腦用grid 排,手機再用flex ?
04/17 18:32, 3F

04/28 19:40, 4年前 , 4F
別讓左右欄在同一列裡面的話呢?
04/28 19:40, 4F
文章代碼(AID): #1Uc7xBwK (Web_Design)
文章代碼(AID): #1Uc7xBwK (Web_Design)