我正在开发一个带有bootstrap 3.2.0的React（0.13.3）SPA，用户可以从列表中选择不同的大学课程，将它们放在一个表格中。（有关上下文，请参阅此处http://master-helper.herokuapp.com/ ） 我的问题是，一旦放入桌面，课程可以延伸超过四分之一（LP）。为此解释;我伸展这样的课程元素（实际上是boostrap按钮），宽度为200％。使它们伸展两个表格单元格。如果在这样的单元格中存在元素，则它们彼此重叠。
我想要完成的是，在不进行黑客攻击的情况下，阻止元素重叠，而是使两个元素中的一个向下跳到同一个表行下方的空间。就好像第二个细胞中也存在较大的课程元素一样 它们中的哪一个跳下来并不重要。
这是两个重叠课程的表格代码。 http://www.bootply.com/F1Xl0Kdb4D
选项是使用boostrap网格而不是表格。但总的来说，对于我想要实现的目标感到麻烦。