2017-08-05 3 views
0

マイブートストラップページは、2つの列を持つ1つの行から始まります。最初の列には、サイズが異なるテキストコンテンツがいくつかあります。右側の列は背景イメージを持ち、その列のテキストは常にほぼ同じサイズになります。私は右の列が常に左の列と同じ高さになるように伸ばし、また、ユーザーがウィンドウのサイズをあまりに大きくして右の列が左の列の下にある独自の行になるように伸ばしたいとします。これを行う方法を聞かせてもらえますか?2列のブートストラップ行では、右の列(背景イメージを持つ)を左の列と同じサイズにするにはどうすればよいですか?

+0

フレキシボックスがここ – Hissvard

+0

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 –

答えて

0

あなたはブートストラップ3を使用していて、フレキシボックスやブートストラップ4を使用したくない、ここで見てみると:

http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height

それはかなり堅牢ですが、ちょうど行のためのクラスと目的の列を追加します(私は通常、それは通常必要ないですスマートフォン向け、row-md-heightcol-md-heightを使用しています。

関連する問題