css - Foundation 4 Zurb 导航栏位于底部而不是顶部

Question

是否有一个简单的解决方案可以在页面底部而不是顶部在 Zurb 中设置导航栏？

我知道有<nav class="top-bar">....但基本上我要求的是 <nav class="bottom-bar">可以将栏放置在页面底部而不是顶部的位置......有点像页脚导航栏？

Answer 1

我的解决方案：

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

使用仅附加底部栏，如

class="top-bar bottom-bar"

Answer 2

实际上，您可以将 Top Bar 标记放在代码中的任何位置。根据具体情况，您可能希望将其包装nav在一个div“包含到网格”的类中以将其容纳在您的网格中，正如您可以在Top Bar Docs中阅读的那样。