Twitter Bootstrap：导航栏未在方向更改时调整大小(仅限Android

发布时间：2020-12-17 20:41:31 所属栏目：安全来源：网络整理

导读：我的Twitter Bootstrap移动页面有一个固定的顶部导航栏 div class="navbar navbar-fixed-top" 我希望方向更改事件会在移动设备上触发导航栏的“调整大

我的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仍存在此问题.

解决方法

不明白你的意思.但是用你所有的尺寸东西写下你自己的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.希望如此我帮助.再问我一次,更具体一点.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!