2

私のウェブページには 3 つの列があります。中央の列内の 2 つの画像。これはすべてブートストラップによって行われ、ページのサイズを変更する (小さくする) と、画像が中央の列からはみ出します。画像が Web ブラウザの端にぶつかった場合にのみ、画像のサイズが変更または再配置されます。なぜこれをしているのか誰にも分かりますか？これは、asp.net Web フォーム Web サイトです。マスター ページには既に 3 つの列がすべて設定され、動作しています。中央の列にある競合プレースホルダー内に画像を配置するだけです。

これは、画像を挿入したコードの一部です。

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

  <div class="container">
    <div class="row">
         <div class="col-xs-12 col-sm-6 col-md-7">
            <div id="myCarousel" class="carousel slide">
                <ol class="carousel-indicators">
                    <li data-target="myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="myCarousel" data-slide-to="1"></li>
                    <li data-target="myCarousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/Ad1.jpg" class="img-responsive" />
                    </div>
                </div>
            </div>

        </div>
        <div class="col-xs-6 col-md-5">
            <div id="adRotator" class="carousel slide">
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/Ad2.jpg" class="img-responsive" />
                        <div class="container">
                            <div class="carousel-caption">
                                <h1>Ad rotator</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

4

1 に答える 1

5

CSS で画像の幅を 100% に設定すると、この状況で役立ちます。特定の例では、次の方法で解決できます。

.item img {
    width: 100%;
}
于 2014-09-27T01:40:36.137 に答える