Classe avec des espaces dans les modèles jade.js

Question

Je joue avec Jade.js et "Bootstrap, de Twitter". Bootstrap a quelques classes avec des noms qui ont des espaces blancs tels que "NAV Secondary-Nav".

Dans jade.js, vous définissez une div avec div.classname mais je ne peux pas le faire comme le nom de la div.classe, quelqu'un sait comment je peux faire cela d'une autre manière?

Merci

Answer 1

Le nom de classe «navigation secondaire» devrait être «secondaire-nav»

La syntaxe de Jade serait:

ul.nav.secondary-nav

Exemple (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