2

このページのメイン コンテンツ エリアでは、Bootstrap が提供するレスポンシブ グリッドを使用しています。ページ幅の 75% を占める列よりもテーブルを占めるようにし、残りの 25% をフィルターが占めるようにしたいので、次のようにマークアップしました。

<div class="row-fluid">
    <div class="span9" id="table-container">
        <!-- table markup goes here -->
    </div>

    <div class="span3">
        <!-- filter markup goes here -->
    </div>
</div>

しかし、何らかの理由で、テーブルが親要素 ( ID を持つtable-container) を水平方向にオーバーフローさせ、フィルターを表示する列に拡張しています。

4

1 に答える 1

4

table-layout:fixed問題は修正されますが、列の幅を設定する必要があります。これは、レスポンシブコンテキストでは面倒な場合があります。

于 2013-02-13T14:47:53.133 に答える