title: angular-ui-bootstrap: How to swap between vertical and horizontal tab-set views
body: <p>Currently I use a <code>isNotMobileView</code> passed down to the template through the controller <code>$scope.isNotMobileView</code>: </p>
  
  <pre><code>&lt;uib-tabset active="0" vertical="isNotMobileView"&gt;
    &lt;uib-tab index="0" heading="foo"&gt;
      ...
    &lt;/uib-tab&gt;
    ...
  &lt;/uib-tabset&gt;
  </code></pre>
  
  <p>However, this does not dynamically change the rendered <code>uib-tabset</code> as I switch orientations/switch screen sizes. How do I do that? (I'm seeking similar behavior as Twitter bootstrap's <code>hidden-xs</code> etc. elements that hide and alter elements as I change screen size) <strong>I do not want to duplicate the <code>uib-tabset</code> as it wouldn't be that maintainable.</strong></p>