Html bootstrap 3-每个td位于新行的响应表布局

我有一张桌子，这是一个调查，所以它有一个有答案类型的桌子和一个有问题和单选按钮的桌子。我希望发生的是，当用户将屏幕缩小到手机大小时，它会改变桌子的外观，因此，它不会将所有内容都水平显示，而是将问题显示在一行上，每个单选按钮显示在一行上。。。大概是这样的：

使用下面的代码，我怎样才能最容易地做到这一点？我一直在努力让它反应灵敏，但它不起作用

很可能 不太可能 你会为创业公司工作吗？ 50% 50% 12345 100% 0%

---

最简单的方法是简单地以768px的magic Bootstrap移动宽度为每个表元素display:block。块级元素的默认宽度为100%，因此每个元素将占据一整行，并相互堆叠

这可以从以下几点看出：

@媒体屏幕和最大宽度：768px{ 表，THAD，tr，td{ 显示：块； } } 很可能 不太可能 你会为创业公司工作吗？ 50% 50% 12345 100% 0%

---

这是一个很好的答案！谢谢您：