html - 推特引导宽度

Question

我的页面上表格单元格宽度的行为非常奇怪。我正在处理我的自定义小部件并有 4 列的表格。第一列和最后一列的宽度为 30 像素。如果我减小了页面大小，它的宽度等于 0px。为什么？

.TimelineWidget .move {
    width: 30px;
    background-color: red;
}

.TimelineWidget .rule {
    width: 60px;
    padding-top: 20px;
    vertical-align: top;
}


<table class="TimelineWidget">
    <tr class="inner">
        <td class="move left"></td>
        <td class="rule">
            bla bla
        </td>
        <td class="streams">
        bla bla
        </td>
        <td class="move right"></td>
    </tr>
</table>

我使用了推特引导程序。这个框架是否打破了我的风格？

---

我找到了解决方案，但我无法在 7 小时之前关闭这篇文章。我所有列的宽度都是表格的宽度。我使用了表格布局：固定；为了正确计算它。