angularjs – 用于列的Bootstrap动态分隔符(角度解决方案更可取)

发布时间：2020-12-17 17:20:05 所属栏目：安全来源：网络整理

导读：假设我有一个典型的bootstrap布局,包含row和col-lg-x div class="content container" div class="row" div class="col-lg-5" /div div class="col-lg-7" /div /div /div 是否有任何插件(最好是有角度的,但也有其他插件)在2列之间制作一个可拖动的分隔线,以便

假设我有一个典型的bootstrap布局,包含row和col-lg-x

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

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

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

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

就像在this example(表#2)中一样,除了它应该“捕捉”到bootstrap可能的col-lg-xx组合,如col-6 / col-6,col-5 / col-7,col-4 / col-8.

解决方法

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!