title: Using wysihtml5 toolbar with Twitter Bootstrap buttons
body: <p>I'm trying to use twitter bootstrap buttons with the wysihtml5 toolbar. My simple problem is the CSS on the buttons toggles opposite to the toolbar <code>exec()</code> commands. So I click the bold button and the button gets the active state class but the text doesn't get bolded until the 2nd button click at which point the button loses its active state. So the CSS and JS are out of phase.</p>
  
  <p>Thoughts?</p>
  
  <p>Here's the HTML which is actually all that is required on the JS side of things if one includes the wyishtml5.js and bootstrap.js files (toggles the <code>.btn</code>'s get <code>.active</code> CSS class).</p>
  
  <p>Also, here's the <a href="http://jsfiddle.net/trpeters1/VVEuc/5/" rel="nofollow">jsfiddle</a> which doesn't quite yet demonstrate the problem but I'm working on it right now..</p>
  
  <pre><code>&lt;span class="btn-group" data-toggle="buttons-checkbox" &gt;
    &lt;a data-wysihtml5-command="bold" title="Bold" class="btn" &gt;&lt;span class="icon-darkGray txt18" &gt;&lt;b&gt;B&lt;/b&gt;&lt;/span&gt;&lt;/a&gt; 
    &lt;a data-wysihtml5-command="italic" title="Italics" class="btn" &gt;&lt;span class="icon-darkGray txt18" style="font-style:italic"&gt;I&lt;/span&gt;&lt;/a&gt;
    &lt;a data-wysihtml5-command="underline" title="Underline" class="btn" &gt;&lt;span class="icon-darkGray txt18" style="text-decoration:underline"&gt;U&lt;/span&gt;&lt;/a&gt;
  &lt;/span&gt;
  </code></pre>