作者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://webptt.com/cn.aspx?n=bbs/PHP/M.1524508157.A.35E.html
1F：推 lambo: 每个col的高度不一样的关系吧 04/24 08:53
2F：→ lambo: 不知道按钮按下去的时候有没有触发到哪个元件的高度改变 04/24 08:54
3F：推 tentenlee: 确定是3X3 可以在3个之後加一个clearfix 04/24 12:58
4F：推 wsybu: 应该是那个代表加到购物车的灰底按钮的框线没有了, 让你那 04/25 00:54
5F：→ wsybu: 块md-4的高度少了2px...试试看把md-4设定max-height 04/25 00:55
6F：→ wsybu: 更正..是min-height 04/25 00:57
7F：→ simonliu0810: 谢谢~我再试试看,感恩 05/05 18:40