title: Using Angular Directives to Replace Bootstrap Class Assignment with HTML Tags
body: <p>I can see that this was an <a href="https://github.com/angular-ui/bootstrap/issues/308" rel="nofollow">AngularUI discussion</a> at one point...</p>
  
  <p>I'm wondering if anyone else has implemented Angular directives that would allow me to replace traditional Bootstrap laden markup like this</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row-fluid"&gt;
      &lt;div class="span4 offset2"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with easier-to-read, element focused, markup similar to this</p>
  
  <pre><code>&lt;container-fluid&gt;
    &lt;row&gt;
      &lt;column span4 offset2&gt;
      &lt;/column&gt;
    &lt;/row&gt;
  &lt;/container-fluid&gt;
  </code></pre>
  
  <p>Seems like it would be easy enough to implement, which makes me think that someone else has done this already (or that it's not worth it for some reason (maybe there's a performance hit?))</p>
  
  <p>Has anyone done this already already? </p>
  
  <p>If not, are there reasons I shouldn't implement it myself?  </p>