2014-02-12 121 views
0

上午,基金會5 - 導航欄集中

我想知道如果有可能做出改變,以目前的基礎導航欄5不破壞它的移動和桌面視圖。

基本上當前人坐在最左邊的左邊的文本/圖像和最右邊的導航菜單,當設計橫跨整個頁面時這很好,但是如果內容集中在中間的就像普通的960網頁佈局一樣,它有時看起來有點奇怪。

是否有可能將左圖像/文本和導航菜單鏈接集中在中心,就像它會在960像素包裝中看到的一樣。

這全部ofc沒有停止它的響應。

謝謝

回答

1

這聽起來像你正試圖完成的是集中在一行頂部酒吧導航。

如果是這樣的話,那麼你可以使用<div class="contain-to-grid">,讓您的網格佈局和類似<div class="small-9 small-centered columns">內的頂欄居中行的頂級酒吧。我創建了一個codepen例如你在這裏看:http://cdpn.io/jJhyn

上面提到的類都是Foundation的一部分,因此您不會影響設計的響應性。

有關可用於自定義頂欄的選項的完整列表,請參見Zurb Foundation Top Bar文檔。

如果我誤解了你的問題,請讓我知道,而代碼總是感激。

我希望有幫助。


編輯:2014年2月13日

我一直在尋找到另一個問題,當我偶然發現了這一點,How to center top-bar nav?。它集中在頂部欄中的按鈕/鏈接,而不是頂部欄本身。他們用作例子的頁面是Mister Dutch。我更新了上面的codepen以反映我在Foundation Forum上找到的內容。

同樣,如果我誤解了你的問題,請告訴我。

+0

謝謝,現在就開始工作。非常感激。 –