マイブートストラップページは、2つの列を持つ1つの行から始まります。最初の列には、サイズが異なるテキストコンテンツがいくつかあります。右側の列は背景イメージを持ち、その列のテキストは常にほぼ同じサイズになります。私は右の列が常に左の列と同じ高さになるように伸ばし、また、ユーザーがウィンドウのサイズをあまりに大きくして右の列が左の列の下にある独自の行になるように伸ばしたいとします。これを行う方法を聞かせてもらえますか?2列のブートストラップ行では、右の列(背景イメージを持つ)を左の列と同じサイズにするにはどうすればよいですか?
0
A
答えて
0
あなたはブートストラップ3を使用していて、フレキシボックスやブートストラップ4を使用したくない、ここで見てみると:
http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
それはかなり堅牢ですが、ちょうど行のためのクラスと目的の列を追加します(私は通常、それは通常必要ないですスマートフォン向け、row-md-height
とcol-md-height
を使用しています。
関連する問題
- 1. ブートストラップで同じサイズの列を連続して取得するにはどうすればよいですか?
- 2. QPushButtonをその背景イメージと同じ次元にするにはどうすればいいですか?
- 3. 同じ行の2つの列の値ですべての行の1つの列を更新するにはどうすればよいですか?
- 4. 2つのボックスは同じ背景色(左右)ですが、left_boxのコンテンツとright_boxの小さなコンテンツですか?
- 5. XAMLインデントを同じ背景色にするときに、カスタム文字列の色を保持するにはどうすればよいですか?
- 6. 2つの配列を同じIDでマージするにはどうすればよいですか?
- 7. 同じテーブルの2つの列を比較するにはどうすればよいですか?
- 8. ボタンの背景イメージを左揃えに設定するにはどうすればよいですか?
- 9. Javascriptを使用して同じページ内の2つの背景イメージを同時に変更するにはどうすればよいですか?
- 10. 2つの異なる列にブートストラップのウェルを配置するにはどうすればよいですか?
- 11. これらのブートストラップ列を左揃えにするにはどうすればよいですか?
- 12. 同じテーブルの別の列で列を更新するにはどうすればよいですか?
- 13. 空の行列や空の列や行を持つ行列を操作しないようにするにはどうすればよいですか?
- 14. matlabで同じ文字列の行列を作るにはどうすればいいですか?
- 15. 別のページに異なる背景イメージを持つキャンバスで同じ機能を使用するにはどうすればよいですか?
- 16. WPFで行の背景色と列の背景色を交互に変更してリストビューに表示するにはどうすればよいですか?
- 17. ブートストラップモバイルですべてのグリッドの背景イメージを保持するにはどうすればよいですか?
- 18. ブラウザのサイズを変更すると、1つの行に2つの列を保持するにはどうすればよいですか?
- 19. 2つの配列を1つの配列に結合するにはどうすればよいですか?
- 20. 同じ値を持つ配列要素を削除するにはどうすればよいですか?
- 21. Pythonの同じコード行で2つの異なる列(系列)の値をフィルタリングするにはどうすればよいですか?
- 22. 背景イメージを変更するにはどうすればよいですか?
- 23. 文字列と整数を同じ配列に配置するにはどうすればよいですか?
- 24. 2列のブートストラップレイアウトで1つの列を上に移動するにはどうすればよいですか?
- 25. Pythonでは、キー列で2つの配列を結合するにはどうすればよいですか?
- 26. 列の同じ値を持つすべての行を行の1つとして抽出するにはどうすればよいですか?
- 27. TSQL同じテーブルの列から列を更新するにはどうすればよいですか?
- 28. 同じテーブルを参照する2つの列を持つ移行を作成するにはどうすればよいですか?
- 29. Rの1つの行列にイメージのフォルダを合わせるにはどうすればよいですか?
- 30. Rの同じデータフレーム内の別の列を持つ1つの列の単語の位置を見つけるにはどうすればよいですか?
フレキシボックスがここ – Hissvard
bootstrap4 https://v4-alpha.getbootstrap.com/&参照https://v4-alpha.getbootstrap.comキーワードです/ utilities/flexbox/library:https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/ css/bootstrap.min.cssここでの質問https://stackoverflow.com/questions/tagged/bootstrap-4 –