Html 为什么在bootstrap中，我的导航栏在移动视图的两侧有边距？

好的，这是我所有的代码，只是一个简单的导航栏，带有一些css样式，出于某种原因，每次我把它缩小到移动视图时，它不会达到屏幕宽度的100%，它的左右边距大约为20px

CSS HTML

剧本

---

我不能用脚本测试你的代码，但你可以试试这个

.navbar-wrapper, .navbar, .navbar-inner, .container{
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
}

在css的顶部。如果你把它放在顶部，其他css（创建边距和填充）将在这之后否决

---

如果它不起作用，试着把它放在底部，看看它是否起作用。如果它出现在css的底部，那么问题就出在代码中。如果不是，问题可能出在bootstrap为其提供样式标记的脚本中，它总是会否决外部css。

bootstrap css在小屏幕上为主体添加填充：

@media (max-width: 767px)
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
}

尝试用以下内容覆盖：

@media (max-width: 767px)
  body {
    padding: 0;
  }
}

---

这不起作用，我想这只是引导CSS需要覆盖。谢谢你的提醒。

.navbar-wrapper, .navbar, .navbar-inner, .container{
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
}

@media (max-width: 767px)
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px)
  body {
    padding: 0;
  }
}