title: Animating twitter bootstrap 3 responsive class change
body: <p>I have a page I've set up using twitter bootstrap, I have a layout like so:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div id="col-1" class="col-xs-4"&gt;&lt;/div&gt;
          &lt;div id="col-2" class="col-xs-8"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and what I'd like to do is animate a change in width.  What I had originally tried to do was animate a class change with jquery ui like so:</p>
  
  <pre><code>$(".btn").click(function() {
      $("#col-1").switchClass("col-xs-4", "col-xs-1", 300);
      $("#col-1").switchClass("col-xs-8", "col-xs-12", 300);
  });
  </code></pre>
  
  <p>but this didn't work, any idea on how do to do this?</p>