表内/表行之间的Bootstrap崩溃不起作用

我有一个关于Bootstrap折叠function的问题。 我很确定我忽略了一些非常明显或容易修复的东西，但我用Google搜索了很多并且使用了代码，但没有成功。

我有一个“帐户设置”页面，其中用户的所有帐户信息以类似表格的格式显示，最后一个表格列的表格单元格始终包含“编辑”按钮以编辑该信息。 当人们点击“编辑”时，编辑表格将在该表格行的正下方展开。

我按照http://twitter.github.com/bootstrap/javascript.html#collapse中的方案，崩溃函数本身工作正常，但问题是每个表单总是扩展到我的表上方，无论我点击哪个编辑按钮上。 我制作了它的样子截图。 http://sofzh.miximages.com/ruby-on-rails/n6problemynp/而不是在整个表格的上方，我希望它在特定行的下方展开，将下面的行向下推。

这是我的代码：

 
 
       
 
 
 
 
       
 
 
 
 
         
 
 
 
 
  
 
 
 
 
      
 
 
 
 
 
Username
 
 
Edit
 
  
 
Email
 
 
Edit
 
  
 
Password
 
Last time updated: 
 
Edit
 
  
 
Language
 
English
 
Edit
 
  
 
Avatar
 
 
Edit
 
  
  

Answer 1

嗨，对不起，我不会得到满意的答复。 除了

元素之外，不允许有任何其他内容作为

后代，因此您的HTML无效。 这是引起毛病行为的原因。 最好的办法是将表单的每个部分都包装在一个新的table元素中。

Answer 2

要折叠表行，您应该为折叠行写额外的css：

 table .collapse.in { display: table-row !important; } 

它将在行展开后修复显示问题。