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

时间:2014-03-08 00:03:22

标签: angularjs twitter-bootstrap angular-ui-bootstrap

假设我有rowcol-lg-x的典型引导布局

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

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

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

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

类似于this example(标签#2),除了它应该“捕捉”到bootstrap可能的col-lg-xx组合,如col-6 / col-6,col-5 / col-7,col-4 / COL-8。

2 个答案:

答案 0 :(得分:6)

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

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

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

答案 1 :(得分:1)