css - Bootstrap 响应式导航栏在较低的视图比率下会出现奇怪的格式

Question

网站：collecthw.com

当 NavBar 全屏时，它占据屏幕宽度的 100%，并且搜索栏位于 NavBar 中。

在移动设备上，当您缩小浏览器窗口时，它会发生变化。我一生都无法弄清楚我应该去哪里让它不这样做。

Answer 1

fletch 为我指明了正确的方向

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

需要更改为

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