2012-04-16 167 views
2

bootstrap-responsive.css文件将导航栏变成iPad上的下拉菜单的功能非常出色。iPad上的Bootstrap导航栏

我的问题是导航栏没有固定到屏幕的顶部。相反,它正在表彰身体标记上的填充顶部。

问:我只是将padding-top:0添加到bootstrap-responsive.css中?

或者我做错了什么?

+0

什么版本的iOS?在早期版本的iOS中,'position:fixed'根本不起作用。 – ceejayoz 2012-04-16 21:23:39

+0

iOS 5.1根据设置,一般。 – 2012-04-16 21:33:17

+0

你是否修改过任何引导代码? – ceejayoz 2012-04-16 21:34:56

回答

0

你必须包括bootstrap.css,然后你的CSS,然后bootstrap-responsive.css。

1

可能是margin标签没有设置,因此会回落到默认值(element.style),请尝试设置margin: 0;。或者可能是位置属性未设置,请添加'position: fixed; top: 0;'

2

是否在所有其他样式表之后包含bootstrap-responsive.css?如果你不是,我会建议它,因为我有Rails应用程序类似的问题。

5

加入bootstrap.css,bootstrap-responsive.css后。将此添加到css文件

body { 
    padding-top: 60px; 
    padding-bottom: 40px; 
} 

@media (max-width: 979px) { 
    body { 
    padding-top: 0; 
    }