Bootstrap 5中Gutters与Grid system当心溢出

Bootstrap 5已经发布了,但是发现GuttersGrid system一起使用是会出现溢出现象,.row会超出.container

container 320px
container 320px
row 344px
row 344px

这会导致在移动端出现页面可以左右滑动,感觉没有自适应适配。

解决办法是在.container.overflow-hidden

container加overflow-hidden
container加overflow-hidden

还有一种办法就是在把g-5改为g-lg-5

即两者方法:

  1. 第一种:container overflow-hiddenrow g-5
  2. 第二种:containerrow g-lg-5
本条目发布于。属于科技分类,被贴了 标签。作者是

关于有个狸

2005年开始的一名站长,从事网站策划、运营,早期一批扎根阿里妈妈、Google Adsense的一员,目前司职前端与产品设计。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注