Twitter bootstrap 如果屏幕足够窄，如何使3个水平元素堆叠在一起

我正在使用Twitter引导。我在表格中列出了3个要素：

<table>
<tr><td><img /> <span>example</span></td>
<td><img /> <span>example</span></td>
<td><img /> <span>example</span></td></tr>
</table>

例子
例子
例子

它的响应性非常好（表的宽度为100%），当我缩小浏览器窗口时，它会缩小。但是当我把窗口缩小得太小时，它会挤压表格单元格，我宁愿它以一定的宽度垂直堆叠表格单元格

---

这可以通过twitter引导中的div实现吗？如果是，如何进行。谢谢

您应该与float set一起使用。这将有助于它们在空间缩小时堆叠起来。此外，您还可以设置最小宽度参数，使其在限制后不会收缩。

您应该与float set一起使用。这将有助于它们在空间缩小时堆叠起来。此外，您还可以设置“最小宽度”参数，使其在限制后不会收缩。

请考虑使用流体或固定网格系统，而不是表格。显示与您所谈论的内容类似的内容。上面的代码看起来更像这样：

<div class="row">
    <div class="span4">
        <img/><span>example</span>
    </div>
    <div class="span4">
        <img/><span>example</span>
    </div>
    <div class="span4">
        <img/><span>example</span>
    </div>
</div>

例子
例子
例子

---

解释有关网格系统的更多信息。通过包含响应CSS文件，当视口缩小到767px以下时，网格中的列将垂直堆叠。

考虑使用流体或固定网格系统而不是表格。显示与您所谈论的内容类似的内容。上面的代码看起来更像这样：

<div class="row">
    <div class="span4">
        <img/><span>example</span>
    </div>
    <div class="span4">
        <img/><span>example</span>
    </div>
    <div class="span4">
        <img/><span>example</span>
    </div>
</div>

例子
例子
例子

---

解释有关网格系统的更多信息。通过包含响应CSS文件，当视口缩小到767px宽度以下时，网格中的列将垂直堆叠。

您知道如何将767px图形更改为我自己选择的数字吗？那我就可以做了。谢谢，只需更改或覆盖bootstrap-responsive.css文件中设置的阈值。介绍了一点它们的工作原理。您要更改的行是

@media（最小宽度：768px）和（最大宽度：979px）{…}、@media（最大宽度：767px）{…}和@media（最大宽度：480px）{…}

您知道如何将767px数字更改为我自己选择的数字吗？那我就可以做了。谢谢，只需更改或覆盖bootstrap-responsive.css文件中设置的阈值。介绍了一点它们的工作原理。要更改的行是

@media（最小宽度：768px）和（最大宽度：979px）{…}、@media（最大宽度：767px）{…}和@media（最大宽度：480px）{…}