[请益] 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