私はこのイメージをCSSに入れています。ブートストラップクラス：img-responsiveを追加して、反応的になります。 HTMLであれば簡単ですが、CSSでどのように行うのですか？CSSで背景イメージを作成するにはどうすればいいですか？ブートストラップ
#index-jumbotron {
height: 490px;
margin-left: 0;
margin-right: 0;
background-image: url("../images/Eiffel%20Sunset%203.JPG");
ありがとうございます！
試してみてください。
background-size:cover;
それとも
background-size:contain;
は、ここでは、CSSに対応した背景画像を行うことができます方法は次のとおりです。
body {
margin: 0;
}
#index-jumbotron {
background-image: url(http://www.intrawallpaper.com/static/images/City_Landscape_Background_B5hx2zA.jpg);
background-size: cover;
padding-bottom: 46.128%; /* <- This value should be equal to height/width */
}<div>Here goes your menu</div>
<div id="index-jumbotron"></div>
<div>Here goes the rest of your content</div>（this Fiddleも参照）
これはブートストラップの有無に関係なく動作します。
動作しませんでした。私は離れてブートストラップを追加するために探しています：img-responsive。私はHTMLでそれをすることができますが、イメージがCSSにある場合、それを行う方法を知らない。 – Sei
何か考えですか？ありがとうございました。 – Sei
そのCSSは動的ではありません。ウィンドウのサイズを変更するとサイズが変更されません。しかし、ページが別のビューポートに読み込まれると、サイズが正しく変更されます。私は 'カバー'があなたが望むものだと思うが、要素の背景全体が覆われるまで画像を拡大することによって画像のアスペクト比を維持する。現時点では、背景イメージの反応的なサイジングのための他の方法は知らないが、私は見守っている。 – gibberish