Top Bar Confusion Foundation 6

Question

Zurb Foundation 6中class =“title-bar”和class =“top-bar-title”和class =“title-bar-title”有什么区别？他们都似乎做同样的事情。

Answer 1

.title-bar {background：＃0a0a0a; color：#fefefe; padding：0.5rem; }

.top-bar-title {float：left; margin-right：1rem; }

.title-bar-title {font-weight：bold; vertical-align：middle; display：inline-block; }

我看不出有同样的事情

Answer 2

在基金会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