Html 正文右侧显示空白

我建立了这个网站：

基于此模板-

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

我试过了

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

这解决了空白问题但是溢出-x:hidden行打断导航栏的前/后行为，并导致页面下方的fa图标不显示

在控制页面主体的溢出x的同时，是否可以同时使用导航栏和fa图标的功能

或者在CSS中我还能做些什么来解决这个问题

我对CSS中的父子动态不是很了解，除了溢出-x之外，是否还有其他原因导致右侧出现空白

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

---

谢谢

< p>页面中间有一段（在代码>页眉<代码> >下，代码为< >类=“行bg原”< <代码>

.row

需要位于

.container

或

.container fluid

中。您看到的是

.row

上的

-15px

左/右

边距

，通常由

.container

父级偏移

---

在代码>中包装行。容器流体< /代码> .< /p> < p>页的中间（在代码>页眉< /代码>之后）有<代码>类=“行bg初等”< /代码>

.row

需要位于

.container

或

.container fluid

中。您看到的是

.row

上的

-15px

左/右

边距

，通常由

.container

父级偏移

---

用

.container fluid

将那一行包装起来，在chrome中看不到空白，您使用的浏览器是什么？这个问题现在基本上已经解决了，这要归功于a）我盯着代码问“好吧，为什么所有的部分都没有空白？是什么让它们不同？”然后b）我看到其他部分在一个.容器或一个.容器流体中，然后c）我的思维过程被@MichaelCokerNot确认，看到chrome中的空白，你在使用什么浏览器？问题现在已经基本解决，这要感谢a）我盯着代码问“好吧，为什么不是所有的部分都有空白？什么使它们不同？“然后b）我看到其他部分在一个.container或一个.container流体中，然后c）我的思维过程被@MichaelCokerI确认，我正要写同样的东西。你没有使用引导语义方法来创建模板，所以它破坏了你的设计。+1

。行{margin right:0；}

是理解这个额外差距来自何处的开始；）我正要写同样的东西。您没有使用引导语义方法创建模板，因此它破坏了您的设计。+1

。row{margin right:0；}

是理解这个额外差距来自何处的开始；）