jade.js 模板中带有空格的类

Question

我正在玩弄 jade.js 和“Bootstrap，来自 twitter”。 Bootstrap 有一些类的名称带有空格，例如“nav secondary-nav”。

在jade.js中，你用div.classname定义一个div，但我不能像div.class name那样做， 有人知道我可以用其他方式做到这一点吗？

谢谢

Answer 1

类名“Secondary nav”应该是“Secondary-nav”，

jade 语法如下：

ul.nav.secondary-nav

示例（bootstrap 2.0）：

div(data-scrollspy='scrollspy').navbar.navbar-fixed
    div.navbar-inner
        div.container
            a(href='/').brand www.sample.com
            ul.nav
                li.active
                    a(href='/') Home
                li
                    a(href='/listing') Listing

            ul.nav.secondary-nav
                li
                    a(href='/account') Account
                li
                    a(href='/logout') Logout