1. ホーム
  2. twitter-bootstrap

[解決済み] Bootstrap 3.0 - 固定カラムサイズを含む流動的なグリッド

2022-07-27 08:51:15

質問

Bootstrapの使い方を勉強中です。現在、レイアウトについて勉強しています。Bootstrap はかなりクールですが、私が見るものすべてが時代遅れのように見えます。どうしても、基本的なレイアウトと思われるものがあるのですが、それを理解することができません。私のレイアウトは次のようなものです。

---------------------------------------------------------------------------
|       |       |                                                         |
|       |       |                                                         |
| 240px | 160px | All Remaining Width of the Window                       |
|       |       |                                                         |
|       |       |                                                         |
--------------------------------------------------------------------------|

このグリッドはウィンドウの高さいっぱいに表示される必要があります。私の理解では、固定幅と流動幅を混在させる必要があります。しかし、Bootstrap 3.0にはもうfluidクラスがないようです。仮にあったとしても、fluidとfixedのカラムサイズを混在させる方法がわからないようです。どなたか、Bootstrap 3.0でこれを行う方法をご存知でしょうか?

どのように解決するのですか?

Bootstrap 3 で流動的な幅と固定された幅を混在させる簡単な方法は、実際には存在しません。 グリッド システムは、流動的で応答性の高いものとして設計されているため、このようになることを意図しています。 何かをハックすることはできますが、レスポンシブ グリッド システムが行おうとしていること、つまり、さまざまなデバイス タイプにわたってレイアウトをフローさせるという意図に反することになります。

このレイアウトにこだわる必要がある場合は、カスタム CSS を使用してページをレイアウトし、グリッドを使用しないことを検討します。