Dynamic Bootstrap Separator for Columns (Angular Preferred)

Question

Say I have a typical bootstrap layout with rowandcol-lg-x

<div class="content container">
    <div class="row">
        <div class="col-lg-5">

        </div>
        <div class="col-lg-7">

        </div>
    </div> 
</div>

Are there any plugins (maybe angular, but others too) to make the draggable delimiter between the two columns so the user can adjust the width?

As in this example (Tab # 2), except that it should “bind” to loading possible col-lg-xx combinations, such as col-6 / col-6, col-5 / col-7, col- 4 / col-8.

Answer 1

, / . , :

bg-splitter https://github.com/blackgate/bg-splitter

ui-layout https://github.com/angular-ui/ui-layout

Answer 2

Angular:
Angular.js

:
ng-repeat