要在表格行上添加Bootstrap折叠动画效果，可以按照以下步骤进行操作：

1. 首先，确保你已经引入了Bootstrap的CSS和JavaScript文件。

2. 创建一个表格，并在需要折叠的行上添加Bootstrap的折叠类（collapse）和唯一的ID。

  

    

      
行1
      
数据1
    
    

      

        

          
折叠内容1
        
      
    
    

      
行2
      
数据2
    
    

      

        

          
折叠内容2
        
      
    
  

3. 现在，你可以看到行被点击时将会折叠/展开对应的内容，但是没有动画效果。要添加动画效果，可以自定义CSS样式来实现。

tr.accordion-toggle.collapsed td::after {
  font-family: 'Glyphicons Halflings';
  content: "\e114"; /* 一个向下的箭头 */
  float: right;
  color: #777777;
  transition: all 0.5s;
}
tr.accordion-toggle:not(.collapsed) td::after {
  font-family: 'Glyphicons Halflings';
  content: "\e113"; /* 一个向上的箭头 */
  float: right;
  color: #777777;
  transition: all 0.5s;
}

在上述代码中，我们使用伪元素::after和Glyphicons图标来添加箭头图标。通过设置transition属性，我们可以为箭头图标添加动画效果。

现在，当你点击表格行时，会有平滑的动画效果展开/折叠相应的内容。

希望这个解决方法能够帮助到你！