引导列的动态分频器（角度解决方案preferable） [英] Bootstrap dynamic divider for columns (angular solution preferable)

问题描述

比方说，我有行和 COL-LG-X 的<一个典型的引导布局/ p>

Let's say I have a typical bootstrap layout with row's and col-lg-x's

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

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

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

是否有任何插件（perferably角但其他人也是如此），使2列之间可拖动的分隔，以允许用户调整宽度？

Are there any plugins (perferably angular but others too) to make a draggable divider between 2 columns to allows the user to adjust the width?

像这个例子（表2），除了它应该啪来引导的可能COL-LG-XX组合样COL-6 / COL-6，COL-5 / COL-7，COL-4 / COL-8。

Like in this example (Tab #2) except it should "snap" to bootstrap's possible col-lg-xx combinations like col-6/col-6, col-5/col-7, col-4/col-8.

推荐答案

下面不能直接解决你的问题，因为它不遵循引导的列/行。但是，它可能给你一个很好的起点和其他人可能会发现它很有用：

The following does not address your question directly, in that it does not follow bootstrap's columns/rows. But it might give you a good starting point and others might find it useful:

BG-分路器 https://github.com/blackgate/bg -splitter

UI布局 https://github.com/angular -ui / UI布局

这篇关于引导列的动态分频器（角度解决方案preferable）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！