2013-07-16 102 views
1

是否有一个简单的解决方案,在Zurb的页面底部而不是顶部有一个导航栏?基金会4 Zurb导航栏底部而不是顶部

我知道有是<nav class="top-bar"> ....但基本上是什么,我要求的是 <nav class="bottom-bar">所在吧可以放置在页面而不是顶部底部...有点像一个页脚导航酒吧?

回答

0

的确,您可以将顶部栏标记置于代码的任何位置。根据具体情况,也许你想将nav包装在div中,将类别“包含到网格”包含在网格中,如Top Bar Docs中所示。

+0

的问题是,如果固定的顶部可以做成底部固定。 – Prashant

+0

我认为“你可以在代码中的任何位置放置顶栏标记”+ Raja Hafiz所说的回答问题。 –

1

我的解决方案:

.bottom-bar{ 
position: fixed; 
bottom: 0px; 
width: 100%; 
margin-bottom: 0px; 
} 

使用只是追加底部酒吧在

class="top-bar bottom-bar" 
+0

我试过这个解决方案,它没有工作,我今晚会再试一次你是否在导航里面放置了class =“top-bar bottom-bar”,如

' – RamRovi

+0

我的坏..我创建自己的custom.css ontop zurb之一。使用它..我简单地追加一个新的顶级酒吧ontop像你的例子。 –