Clase con espacios en blanco en Jade.js Templating

Question

Estoy jugando con jade.js y "bootstrap, de Twitter". Bootstrap tiene algunas clases con nombres que obtuvieron espacios en blanco como "NAV Secondary-Nav".

En jade.js define un divs con div.classname pero no puedo hacerlo como el nombre de div.class, ¿alguien sabe cómo puedo hacer esto de otra manera?

Gracias

Answer 1

El nombre de clase 'SECUNDARY NAV' debería ser 'SECURNARIO'

La sintaxis de Jade sería:

ul.nav.secondary-nav

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