如何将动态区域添加到twitter引导程序表行

Question

我有一个要求，我使用twitter bootstrap表来显示用户属性，如电子邮件，名字，姓氏，密码等。

现在我想创建类似于Facebook帐户设置页面的内容。当我点击编辑按钮时，行会放大，而你可以将编辑元素放在一个包含提交按钮和关闭按钮的表单中。在再次提交行时，缩小回原始行并单击关闭按钮。

使用twitter bootstrap可以吗？

Answer 1

仅使用Bootstrap及其默认的JS插件，答案是：不。

您自己至少需要一些基本的JS，用输入和单元格值替换单元格。

也可能有一些jQuery插件用于此目的，但我无法指出你。

Answer 2

Facebook正在使用UL（无序列表）元素，而不是表格更好，因为表格仅用于显示表格数据。

他们所做的只是当你点击“编辑”时，一个隐藏的DIV正在填充（可能是通过AJAX），包含表格及其标签等。

然后用户可以编辑并保存将其发回数据库的信息，或者他们可以取消显然未填充hiddeb DIV并将该行返回到其先前状态的表单。

Bootstrap没有为此功能内置的默认编程，但鉴于上面的基本概念，对于一个优秀的开发人员来说，它不应该太棘手。