iPad上的Bootstrap导航栏
问题描述:
bootstrap-responsive.css文件将导航栏变成iPad上的下拉菜单的功能非常出色。iPad上的Bootstrap导航栏
我的问题是导航栏没有固定到屏幕的顶部。相反,它正在表彰身体标记上的填充顶部。
问:我只是将padding-top:0添加到bootstrap-responsive.css中?
或者我做错了什么?
答
你必须包括bootstrap.css,然后你的CSS,然后bootstrap-responsive.css。
答
可能是margin标签没有设置,因此会回落到默认值(element.style),请尝试设置margin: 0;
。或者可能是位置属性未设置,请添加'position: fixed; top: 0;'
。
答
是否在所有其他样式表之后包含bootstrap-responsive.css?如果你不是,我会建议它,因为我有Rails应用程序类似的问题。
答
加入bootstrap.css,bootstrap-responsive.css后。将此添加到css文件
body {
padding-top: 60px;
padding-bottom: 40px;
}
@media (max-width: 979px) {
body {
padding-top: 0;
}
什么版本的iOS?在早期版本的iOS中,'position:fixed'根本不起作用。 – ceejayoz 2012-04-16 21:23:39
iOS 5.1根据设置,一般。 – 2012-04-16 21:33:17
你是否修改过任何引导代码? – ceejayoz 2012-04-16 21:34:56