4

ブートストラップ 3 で背景画像を含む div をレスポンシブにするにはどうすればよいですか??

ブートストラップ3のimg-responsiveクラスで可能ですか??

私のdivは以下のように空です：

<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="workflowstep workflowstep1 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep2 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep3 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep4 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep5 img-responsive">&nbsp;
        </div>
        <div class="workflowstep workflowstep6 img-responsive">&nbsp;
        </div>
    </div>
</div>
4

2 に答える 2

9

img-responsiveここで使用する場合ではないと思います。<img />

div背景画像をレスポンシブにするために、次を使用できますbackground-size: cover;

背景サイズ: カバー;

固有の縦横比 (存在する場合) を維持しながら、幅と高さの両方が背景の配置領域を完全にカバーできる最小サイズに画像をスケーリングします。

于 2013-11-03T12:34:14.990 に答える