[請益] Bootstrap 版面問題

看板PHP作者 (我只是路過的)時間6年前 (2018/04/24 02:29), 編輯推噓3(304)
留言7則, 4人參與, 6年前最新討論串1/1
大家好,小弟有一個問題想請教一下大家,不知道這樣的問題出在哪? 我用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

04/24 08:53, 6年前 , 1F
每個col的高度不一樣的關係吧
04/24 08:53, 1F

04/24 08:54, 6年前 , 2F
不知道按鈕按下去的時候有沒有觸發到哪個元件的高度改變
04/24 08:54, 2F

04/24 12:58, 6年前 , 3F
確定是3X3 可以在3個之後加一個clearfix
04/24 12:58, 3F

04/25 00:54, 6年前 , 4F
應該是那個代表加到購物車的灰底按鈕的框線沒有了, 讓你那
04/25 00:54, 4F

04/25 00:55, 6年前 , 5F
塊md-4的高度少了2px...試試看把md-4設定max-height
04/25 00:55, 5F

04/25 00:57, 6年前 , 6F
更正..是min-height
04/25 00:57, 6F

05/05 18:40, 6年前 , 7F
謝謝~我再試試看,感恩
05/05 18:40, 7F
文章代碼(AID): #1QtYNzDU (PHP)