2012-04-16 166 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; 
    }