javascript - Bootstrap 移动导航下拉菜单在打开时跳转

Question

我目前正在开发一个即将完成的网站，但是我在移动设备上遇到了一个奇怪的导航问题。

使用 Bootstrap 3 的折叠 js 折叠菜单。一切都很好，除了当您打开菜单时它不会立即呈现我的自定义 CSS。它似乎打开菜单，然后跳转到正确的位置和着色。当您打开菜单时，它从右侧开始，背景颜色不正确，然后跳转到正确的位置/颜色。

您可以在此处查看站点:http://brookmanville.com/

无论浏览器还是移动设备，都会出现此问题。

Answer 1

这些修复将使您的菜单更具移动性:

1. 如果它是您网站的移动版本，请从 .navbar-nav 中删除 float: right;。这种行为解决了突然从右向左移动的问题。

2. 移除 .navbar-nav 的边距，并为其设置 100% 的宽度。