2013-02-01 185 views
0

我使用基金會zurb 3,並有一個top navigation 如果瀏覽器是全屏導航看起來不錯,但是當我壓縮它,我只是黑條。也許有些人有這樣的問題?基金會Zurb導航

+0

how d你的源代碼看起來像什麼? – Taifun

+0

http://pastie.org/6036714,你可以看看這裏[鏈接](http://5.175.191.226) – Cawa

+0

您可以將代碼中的相關部分粘貼在這裏或準備http://jsfiddle.net? – Taifun

回答

0

這是一個小而自從我與基金會的修修補補,而是試圖在CSS文件來改變屏幕寬度設置時,我遇到了類似的問題 - 我相信有多種設置,這必須是頂級的酒吧一樣正常工作。

得到這個工作的權利,你必須:

  • 從他們的網站下載的基礎庫的全新副本,設定使用他們的定製工具屏幕寬度(不此後改變它),或

  • 使用SASS版本,並更改​​SCSS文件屏幕寬度可變(我還沒有真正做到了這一點所以不能透露更多細節)。

編輯: 剛纔看了您的代碼段 - 你可能需要包括一個斷點,使用toggle-topbar列表項類,例如

<li class="toggle-topbar"><a href="#"></a></li> 
0

很難告訴這是怎麼回事,沒有看到你的樣品(鏈接無法使用),但最好的地方開始往往是複製別人的工作代碼到您的文件,看看它的表現正常。以此作爲基準,您可以將其與代碼進行比較,以查看差異在哪裏。

0

如果從50%變更肘頂欄的寬度爲100%:

.top-bar ul > li.toggle-topbar { 
    cursor: pointer; 
    display: block; 
    height: 45px; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 50%; 
} 

width: 100%; 

本網站演示了這種方法:

http://catch-ps.com/