Bootstrap 自由拖拽组合表单实现方案

Bootstrap 本身并没有提供自由拖拽组合表单的功能，但我们可以利用其栅格系统和组件来实现。

首先，需要创建一个容器，可以使用 Bootstrap 的栅格系统创建一个 12 列的容器，并在其中创建多个行和列。每个列中可以放置所需的组件，例如文本框、下拉框、单选框等。可以使用 Bootstrap 提供的组件，也可以自己创建组件。

接下来，需要使用 JavaScript 来实现拖拽功能。可以使用 jQuery UI 库中的 'draggable()' 方法和 'droppable()' 方法实现拖拽和放置。将容器中的每个列设置为可拖拽，并将容器本身设置为可放置。当拖拽一个列到容器中时，使用 JavaScript 将该列添加到容器中。

最后，需要使用 JavaScript 来处理表单数据。可以使用 jQuery 的 'serialize()' 方法将表单数据序列化为字符串，然后将其发送到服务器端进行处理。

总体来说，实现自由拖拽组合表单需要掌握 Bootstrap 的栅格系统和组件、jQuery UI 库中的 'draggable()' 和 'droppable()' 方法，以及 JavaScript 处理表单数据的方法。