Twitter Bootstrap：导航栏未在方向更改时调整大小（仅限Android的股票浏览器）

Question

我的Twitter Bootstrap移动页面有一个固定的顶部导航栏

<div class="navbar navbar-fixed-top">

我希望方向更改事件会在移动设备上触发导航栏的“调整大小”（桌面上的调整大小事件会正确触发导航栏的调整大小）。在导航栏的右侧，我有一个可折叠的导航栏切换，可以打开/关闭主菜单：当从横向更改方向到纵向时，菜单按钮不再可见，这是一场灾难......

使用官方的navbar-fixed-top示例（http://getbootstrap.com/examples/navbar-fixed-top/）也可以验证此问题。

我正在使用Android 5.1.2的三星Galaxy S3上的股票（默认）浏览器。

iPhone（3）浏览器上不会出现此问题。

更新 Android 4.3仍然存在这个问题。

Answer 1

不确定你的意思。但是用你所有的尺寸东西写下你自己的CSS并在之后和之前添加！important。 像这样：

.navbar-whatever {
whateverSizeCode = 0 !important;
whateverSizeCode2 = 0 !important;
}

为Twitter Bootstrap添加移动标签。以下是您的链接：http://getbootstrap.com/css/#overview-mobile

移动代码。在您的代码中添加此内容

<!-- Scroll Enabled --> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Scroll Disabled -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

注意：使用两行中的任何一行。

还要确保在HTML中执行此操作：

<style rel="stylesheet" link="bootstrap.css">
<style rel="stylesheet" link="yourCSS.css">

这将做的是把你的样式和大小放在首先通过代码读取Bootstrap然后你的CSS读取它以便它不会覆盖你的CSS。 希望如此我帮助。再问我一次，更具体。