anchor.diff:        li Components
         li JavaScript add-ons
   
  -  section(data-narration="/bootstrap/5", data-jsbin="/tetus/5/embed?html,output")
  +  section(data-narration="/bootstrap/4", data-jsbin="/tetus/5/embed?html,output")
       h2 Example: Awesome Co.
       iframe.jsbin-embed
       p
         small <sup>*</sup> Resize, rearrange, or hide panels to view the responsive output
   
  -  section(data-narration="/bootstrap/4", data-jsbin="/hiyoq/6/embed?html,output")
  +  section(data-narration="/bootstrap/5", data-jsbin="/hiyoq/6/embed?html,output")
       h2 Example: The Grid
       iframe.jsbin-embed
       p
         small <sup>*</sup> Mouse-over the HTML and click the top-right arrow. Resize the browser window to study responsiveness.
   
  -  section(data-narration="/bootstrap/7", data-jsbin="/tifus/7/embed?html,output")
  +  section(data-narration="/bootstrap/6", data-jsbin="/tifus/7/embed?html,output")
       h2 Example: Some JavaScript
       iframe.jsbin-embed
   
  -  section(data-narration="/bootstrap/8")
  +  section(data-narration="/bootstrap/7")
       h2 Opaque?
       pre
         code.html.
  
positive.code:           &lt;div class="col-md-4"&gt;&lt;/div&gt;
          &lt;/div&gt;
  
    section(data-narration="/bootstrap/9")
      h2 Better?
      pre
        code.html.
  
negative.code:           &lt;div class="ingredient-amount"&gt;&lt;/div&gt;
          &lt;/section&gt;
  
    section(data-narration="/bootstrap/9")
      h2 Semantics are important.
      h3 But how can we do it?
  
    section(data-narration="/bootstrap/10")
      h2 Less
      blockquote "... extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable." <br />- <a href="http://lesscss.org/">lesscss.org</a>
  
    section(data-narration="/bootstrap/11")
      h2 Demo: Semantic Bootstrap
      h3 bootstrap.less, Less mixins
  
    section()
      h2 Demo: Semantic Bootstrap
      +screencast("/bootstrap/semantic")
  
    section(data-narration="/bootstrap/13")
      h2 Review
      ul
        li Use Cases
  