可调整大小和响应能力的面板布局？

Question

我们的团队已经使用自定义div，css和Split.js 开发了一个网页，以生成以下布局。布局中有3个面板，每个面板都可以调整大小（注意排水沟）。

问题是，当使用移动设备时，布局没有响应 - 我们仍然为此做了很多r和d。

我正在寻找替代方案，即Bootstrap框架。但到目前为止，仍然没有弄清楚如何做到这一点。有没有我想念的东西，或者引导不是正确的选择？

Answer 1

我知道这个JQuery Resizable插件可以在移动设备上用于此目的： https://github.com/RickStrahl/jquery-resizable

Answer 2

我刚才为此目的构建了一个组件。概念是将任何视图（html元素）拆分为两个，一个具有固定的宽度/高度，另一个消耗父的其余部分。如果在两个视图之间放置一个可选的分隔符，则可以拖放它以调整大小。

https://www.npmjs.com/package/split-view

让我知道它是否适合您的情况。