用于柱的Bootstrap动态分隔器(角度解决方案更可取)

Question

假设我有一个带有rows和col-lg-xs 的典型bootstrap布局

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

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

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

是否有任何插件(最好是有角度的,但也有其他插件)在2列之间制作一个可拖动的分隔线,以便用户调整宽度？

就像在这个例子中(Tab#2)一样,除了它应该"捕捉"到bootstrap可能的col-lg-xx组合,如col-6/col-6,col-5/col-7,col-4/col-8.

Answer 1

以下内容未直接解决您的问题,因为它不遵循bootstrap的列/行.但它可能会给你一个很好的起点,而其他人可能会发现它很有用:

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

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