首页 > 解决方案 > 为什么我的带有 bootstrap 4 的页面在中等分辨率下看起来像这样?

问题描述

在我使用 Bootstrap 4 的简单页面中,当屏幕尺寸中等时,右侧的空白区域看起来像这样。

右边的空白

这页纸

非常感谢。

标签: htmlcssbootstrap-4

解决方案


该问题是由margin-right: -15px;class的属性引起的,该属性card-deck是从媒体查询应用的:@media (min-width: 576px)。将边距设置为 0 应该可以解决此问题。

@media (min-width: 576px)
.card-deck { 
margin-right: 0px;
}

推荐阅读