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

前端之家收集整理的这篇文章主要介绍了angularjs – 用于列的Bootstrap动态分隔符(角度解决方案更可取)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有一个典型的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

猜你在找的Angularjs相关文章