html - ツイッターのブートストラップ幅

Question

ページのテーブル セル幅の動作が非常に奇妙です。カスタムウィジェットに取り組んでおり、4 列のテーブルがあります。最初と最後の列の幅は 30px です。ページサイズを縮小した場合、幅は 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>

Twitterのブートストラップを使用しました。このフレームワークは私のスタイルを壊していますか?

---

解決策を見つけましたが、7 時間前にこの投稿を閉じることができません。私のすべての列の幅は、テーブルの幅よりも広いです。table-layout:fixed; を使用しました。正しく計算するために。