Bootstrap 5.0 如何消除屏幕右侧多余白边

2021/08/31 23:24

Boostrap中,即便你使用container-fluid,有时候你依然会发现网页右侧有多余的白边。

你左右滑动一下就可以看到多出来的白边。正常的网页无论你如何左右拖动,右边都是没有白边的。网页内容是100%占满屏幕的,不会有任何的白边。

不知道是不是Bootstrap的bug。

我尝试了很多种方法之后,最后找到这个答案就是在DIV里添加下方代码,将overflow设置为隐藏就可以了。

.wrap {
overflow: hidden;
}

记得当年在bootstrap3.0下,我好像用了什么方法搞定了这个问题,现在在Bootstrap 5.0里又出现了这个问题,当时不是用这个方法来解决的,不过当时用了什么方法现在也想不起来了。




发表回复

Back to top