作者simonliu0810 (我只是路過的)
看板PHP
標題[請益] Bootstrap 版面問題
時間Tue Apr 24 02:29:15 2018
大家好,小弟有一個問題想請教一下大家,不知道這樣的問題出在哪?
我用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 共有三張圖片,最後一張為程式碼
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.200.215.93
※ 文章網址: https://www.ptt.cc/bbs/PHP/M.1524508157.A.35E.html
推 lambo: 每個col的高度不一樣的關係吧 04/24 08:53
→ lambo: 不知道按鈕按下去的時候有沒有觸發到哪個元件的高度改變 04/24 08:54
推 tentenlee: 確定是3X3 可以在3個之後加一個clearfix 04/24 12:58
推 wsybu: 應該是那個代表加到購物車的灰底按鈕的框線沒有了, 讓你那 04/25 00:54
→ wsybu: 塊md-4的高度少了2px...試試看把md-4設定max-height 04/25 00:55
→ wsybu: 更正..是min-height 04/25 00:57
→ simonliu0810: 謝謝~我再試試看,感恩 05/05 18:40