Twitter Bootstrap で固定流動的な 2 列レイアウトを作成するには?

Twitter Bootstrap を使用して固定流動 2 列レイアウトを実装する方法

背景

1 つの固定幅を持つ 2 列レイアウトの作成列と 1 つの流体幅列が一般的な設計パターンです。 Twitter Bootstrap の以前のバージョンでは、.container-fluid クラスを使用してこれを許可していましたが、これは Bootstrap 2.0 以降ではサポートされなくなりました。

解決策

これに対処するには、次の組み合わせを使用できます。 CSS およびわずかに変更された HTML コード:

HTML

CSS

Notes

• .fixed width を希望の幅に調整します。固定列サイズ。
• 左側に流体列を表示するには、.filler CSS の right: 0 を left: 0 に置き換えます。
• 追加の CSS はオプションですが、固定および流体柱は同じ高さです。

以上がTwitter Bootstrap で固定流動的な 2 列レイアウトを作成するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。