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

Question

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

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

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

该问题也可以通过官方navbar-fixed-top示例(http://getbootstrap.com/examples/navbar-fixed-top/)进行验证.

我正在使用三星Galaxy S3上的股票(默认)浏览器和Android 4.1.2.

iPhone(3)浏览器上不会出现此问题.

更新: Android 4.3仍然存在问题.

Answer 1

不明白你的意思。但是用所有 Size 内容编写您自己的 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。希望我有帮助。再问我一次，说得更具体一些。