身体右侧显示空白

Question

我把这个网站放在一起： brudenellridingstables.com

我遇到的问题是页面右侧有空白。

我努力了

body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

这解决了空白问题，但是 overflow-x：隐藏； 换行会破坏导航栏的之前/之后行为，并导致页面下方的fa图标无法显示。

在控制页面正文的溢出x的同时，我是否可以同时拥有导航栏和fa图标的功能？

还是我可以在CSS中做些其他事情来解决此问题？

我对CSS的父级动力学不是很了解，也许除了在右边引起空白的overflow-x之外，还有其他事情吗？

我已经看过几次这个问题，但是没有像我这样的导航栏。 我认为回答这些问题对其他人会有所帮助，因为这有助于他们进一步了解CSS的复杂性。

谢谢！

Answer 1

您在页面中间（ header之后）有一个class="row bg-primary"其中的class="row bg-primary"

.row必须位于.container或.container-fluid 。 您所看到的是-15px上的.row左右margin ，通常由.container父级偏移。

将那行.container-fluid 。