jade.js 模板中带空格的类

【问题标题】：Class with whitespace in jade.js templatingjade.js 模板中带空格的类
【发布时间】：2012-02-10 20:51:45
【问题描述】：

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

在jade.js 中，您使用 div.classname 定义了一个 div，但我不能像 div.class 名称那样做，有谁知道我可以通过其他方式做到这一点吗？

谢谢

【问题讨论】：

哦，我可以做 div(class='what i want here') ！

标签： twitter-bootstrap pug

【解决方案1】：

类名 'secondary nav' 应该是 'secondary-nav'

jade 语法是：

ul.nav.secondary-nav

示例（引导程序 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

【讨论】：