[請益] Bootstrap 版面問題

作者: simonliu0810 (我只是路過的)   2018-04-24 02:29:15
大家好,小弟有一個問題想請教一下大家,不知道這樣的問題出在哪?
我用bootstrap版面去修改了一個購物車頁面,讓物品可以3*3的排列,
多的就到下一頁去,我想說在bootstrap下col-md-4只要滿了3各,就會
自動換到下一排去,所以我把do迴圈做到<div class="col-md-4">的上面,
然後截止是讀完資料為止,但是事情好像不是我想像的這麼簡單,版面是有
按照3*3排好了,可是有怪事發生,當我滑鼠移到我到下列排列的c上的按鈕
"新增至購物車",d上物件的就會自動移到f的位置,把本來ef往下一排擠.
如照片中,想了好久都不知道什麼原因,煩請高手幫我指點一下,感恩.
a b c
d e f
g h k
https://imgur.com/a/0YwC42n 共有三張圖片,最後一張為程式碼
作者: lambo (Lambo)   2018-04-24 08:53:00
每個col的高度不一樣的關係吧不知道按鈕按下去的時候有沒有觸發到哪個元件的高度改變
作者: tentenlee (天天)   2018-04-24 12:58:00
確定是3X3 可以在3個之後加一個clearfix
作者: wsybu (%小步步%)   2018-04-25 00:54:00
應該是那個代表加到購物車的灰底按鈕的框線沒有了, 讓你那塊md-4的高度少了2px...試試看把md-4設定max-height更正..是min-height
作者: simonliu0810 (我只是路過的)   2018-05-05 18:40:00
謝謝~我再試試看,感恩

Links booklink

Contact Us: admin [ a t ] ucptt.com