基础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中阅读