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

2021/08/31 23:24

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

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

不知道是不是Bootstrap的bug。

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

.wrap {
overflow: hidden;
}

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




发表回复

Related Posts
  1. Thinkpad外接屏无信号

    这两天出门,笔记本被我带走了,外接显示屏不好携带自然是留在家里。家里人用了一台Dell戴尔的笔记本HDMI连接到我的笔记本之后,昨天晚上回来我连接显示屏时,发现我的Thinkpad无法检测到外接显示屏【阅读全文】

  2. 一个例子说清楚数据中台是什么

    后台就是菜地(服务器),有各种瓜果蔬菜,茄子,土豆,西红柿,胡萝卜…… 中台就是蔬菜仓库(数据仓库),有茄子仓,土豆仓,西红柿仓,胡萝卜仓…… 前台就是厨房(业务人员调用各种数据),厨房到【阅读全文】

  3. 【Bug】都2020年年底了,讯飞输入法还是分不清“地”和“的”

    如果你用过讯飞语音输入法,你会发现他分不清“地”和“的”。 连小学生都知道在中文里“地”和“的”是不一样的。 正确:用力地跑 错误:用力的跑【阅读全文】

  4. 为什么iPad不足以成为我的生产力工具?

    之前在电器城里体验了一下iPad Pro 2020,感觉非常不错。当时还在店里还体验了华为Matebook Pro,也不错,但是和iPad相比还是有些距离。比方说在交互上,作为一个从来不玩平板的人,我【阅读全文】

  5. 鸿蒙(Harmony OS 2.0)关闭顶部下滑菜单左右分开

    最近手机升级了鸿蒙操作系统,版本是2.0的,但是升级之后发现颈部下滑菜单分为左右两个部分,虽然可以左右滑动进行切换,但是好几年的习惯难以改变,我还是觉得很不方便。而且我也觉得没有必要,因为很多消息并不【阅读全文】

Back to top