0

添付の画像のようなものを表示するためにブートストラップを取得したいと思います。つまり、青い背景色の div ラッパーと、内部に 3 つの画像があります (わかりやすくするために、この恐ろしい色を使用しています)。

ここに画像の説明を入力

それはかなり簡単なはずですが、正直なところ、私はそれを理解できませんでした。次のようなものを試してみると:

<div class="span9">     
    <div class="row">
        <div class="span9" style="background-color:blue;">
            <img class="span3" src="..."></img>
            <img class="span3" src="..."></img>
            <img class="span3" src="..."></img>
        </div>
    </div>  
</div>

私のコンテナー クラス内では、3 番目のイメージがラッパーに収まらず、次のイメージに表示されているように、他の 2 つのイメージの下に配置されます。

ここに画像の説明を入力

誰か手を貸してくれませんか?

4

2 に答える 2

1

これを試して:

<div class="span9" style="background-color:blue;">     
    <div class="row">
        <div class="span3">
            <img class="span3" src="..." />
        </div>
        <div class="span3">
            <img class="span3" src="..." />
        </div>
        <div class="span3">
            <img class="span3" src="..." />
        </div>
    </div>  
</div>
于 2013-05-14T17:27:18.853 に答える