4

アイテム（テキスト以外）がある流動的な行があり、水平方向の中央に配置したい

文章

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12" style="text-align: center">
            <img src="@Url.Content("~/Images/Domain/IMG_1710.jpg")" />
        </div>
    </div>
</div>

これはかなりうまくいきます

しかし、 max-widthとmax-heightを追加するとすぐに、位置合わせが機能しなくなります。

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12"  style="text-align: center;max-height: 300px; max-width: 400px" >
            <img src="@Url.Content("~/Images/Domain/IMG_1710.jpg")" />

    </div>
</div>

私は何を間違っているのですか？最大幅と高さを設定し、中央揃えにする方法を教えてください。

4

2 に答える 2

2

offsetブートストラップルールに従うには、クラスの中央に配置してみてください

<div class="row-fluid">
    <div class="span4 offset4">
        <img src="yourimage" />
    </div>
</div>

ドキュメントを参照してください

于 2012-12-20T14:31:43.273 に答える
0

Bootstrapのクラスの1つに適用するmax-heightと、グリッドのスタイルが上書きされます。画像に高さ/幅を追加することをお勧めします（テキストの配置が機能しない場合は、画像を試してみてください。max-widthspan#margin: 0 auto

于 2012-12-20T13:58:27.567 に答える