顶级栏混淆基础6

Question

在Zurb Foundation 6中，class=“标题栏”和class="top-bar-title“和class=”标题栏-标题“有什么区别？它们似乎都在做同样的事情。

Answer 1

在Foundation 6中，事情被“分割”得更多，或者更多地“模块化”。

.title-bar是.title-bar-title和其中任何元素的容器(通常是一个按钮切换)。

.title- bar -title是所说的内容-您要添加的栏的标题(通常与响应菜单一起使用)。

.top-bar-title类似于.title-bar-title，但它专门用于.top-bar元素。

尽管它们非常相似，但它们都用于从语义上深入分析标记。

请阅读这些：http://foundation.zurb.com/sites/docs/responsive-navigation.html http://foundation.zurb.com/sites/docs/top-bar.html

Answer 2

.title-bar {背景：#0a0a0a；颜色：#fefefe；填充: 0.5rem；}

.top-bar-title {浮动:左；边距-右: 1rem；}

.title-bar-title {font-weight:粗体；垂直对齐:居中；显示:内嵌块；}

我看不到同样的事情