Bootstrap移动导航下拉列表在开放时跳跃

时间:2016-05-04 20:36:59

标签: javascript jquery html css twitter-bootstrap

我目前正在开发一个差不多完成的网站,但是我在移动设备上遇到了一个奇怪的问题。

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

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

无论浏览器或移动设备如何,都会出现此问题。

1 个答案:

答案 0 :(得分:1)

这些修补程序将使您的菜单更具移动性:

  1. 如果float: right;是您网站的移动版本,请从.navbar-nav移除.navbar-nav。这种行为可以排除突然从右到左的运动。

  2. 删除<input type="hidden" name="csrfmiddlewaretoken" value="IxwFarTrerVBZbVDX0elVHUEbh0YH58j"> 上的边距,并将其宽度设为100%。