如何向twitter引导表行添加动态区域

Question

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

现在我想在facebook帐户设置页面中创建一些类似的东西。当我单击编辑按钮时，行被放大，然后您可以将编辑元素放在一个具有提交按钮和关闭按钮的表单中。在提交行时，再次收缩到原始行，并在单击close按钮时也是如此。

使用twitter bootstrap可以做到这一点吗？

Answer 1

Facebook正在使用UL (无序列表)元素，而不是表格，这是一种更好的方式，因为表格只用于显示表格数据。

他们所做的就是当你点击“编辑”的时候，一个隐藏的DIV被填充(可能是通过AJAX)，里面有表单和它的标签等等。

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

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

Answer 2

只使用Bootstrap和他们默认的JS插件，答案是:不。

您至少需要一些基本的JS，以便将单元格替换为输入和单元格值。

可能也有一些jQuery插件用于此目的，但没有一个我可以向您指出。