title: How to change bootstrap columns dynamically based on event?
body: <p>I am using angular-ui collapse to hide and show 2 columns so when user click on glyphicon it will hide/show columns, Now when two columns are hidden at that time i want 10 columns to be 12 columns. is it possible to achieve this task ?</p>
  
  <p>main.html</p>
  
  <pre><code>&lt;span class="glyphicon glyphicon-th-list" class="btn btn-default" ng-click="isCollapsed = !isCollapsed" id="treelist"&gt;&lt;/span&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-2" uib-collapse="isCollapsed"&gt;
        &lt;p&gt;test&lt;/p&gt;
        &lt;p&gt;test&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="col-md-10"&gt;
      contains some data here ...
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>