anchor.diff:      .col-lg-6
         +html
           :htmlsrc
  -          <a href="google.com">Google</a>
  -          <a class="button" href="google.com">Google</a>
  +          <a href="google.com">Google</a><a class="button" href="google.com">Google</a>
   
     p All the normal JavaScript expressions work fine too:
   
  
positive.code:           <input type="checkbox">
            <input type="checkbox" checked="checked">
  
    h2 Class Attributes
  
    p The <code>class</code> attribute can be a string (like any normal attribute) but it can also be an array of class names, which is handy when generated from JavaScript.
  
negative.code:     .col-lg-6
        +html
          :htmlsrc
            <a class="foo bar baz"></a><a class="foo bar baz bing"></a>
  
    p It can also be an object mapping class names to true or false values, which is useful for applying conditional classes
  
    .row(data-control='interactive')
      .col-lg-6
        +jade
          :jadesrc
            - var currentUrl = '/about'
            a(class={active: currentUrl === '/'} href='/') Home
            a(class={active: currentUrl === '/about'} href='/about') About
      .col-lg-6
        +html
          :htmlsrc
            <a href="/">Home</a><a href="/about" class="active">About</a>
  
    h2 Class Literal
  
  