[解決済み] 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 を使用してページをレイアウトし、グリッドを使用しないことを検討します。
関連
-
[解決済み] Bootstrap 4のColでコンテンツを下に揃える方法
-
[解決済み] Bootstrapのグリッドで、列の幅を強制的に固定し、他の列を流動的にする方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrap v4におけるvisible-**とhidden-**の欠落について
-
[解決済み】リストセレクトボックス(ドロップダウン)をbootstrapでレンダリングする方法は?
-
[解決済み】Twitter Bootstrapのポップオーバーを外側のクリックで解除する方法は?
-
[解決済み] reactjsアプリでbootstrapのcssとjsをインクルードする方法は?
-
[解決済み] BootstrapはCDNから使うべきか、それとも自分のサーバーにコピーを作るべきか?
-
[解決済み] Twitter Bootstrapのモーダルサイズを大きくする
-
[解決済み] Bootstrap: コンテナの幅を変更するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrap:Bootstrapのバージョンを識別する方法は?
-
[解決済み] Bootstrap 4-alphaでメディアブレークポイントを使用する
-
[解決済み] twitterのbootstrapで五等分の列を作る
-
[解決済み】twitter bootstrap 2で送信ボタンにアイコンを追加する。
-
[解決済み] Twitter Bootstrap 3.0 どのように私は今 "バッジバッジ重要 "するのですか?
-
[解決済み】リストセレクトボックス(ドロップダウン)をbootstrapでレンダリングする方法は?
-
[解決済み] Bootstrapのアコーディオンを、ヘッダーDivをクリックしたときに折りたたむようにするには?
-
[解決済み] BootstrapはCDNから使うべきか、それとも自分のサーバーにコピーを作るべきか?
-
[解決済み] Twitter Bootstrapを使用して垂直方向の空白を追加しますか?
-
[解決済み] BootstrapとjQuery Validationプラグイン