0

Twitter Bootstrap ページにバナー画像を配置したいと考えています。画像の上部が重なって上部のナビゲーション バーの前に配置されます。

私のhtmlコードを以下に示します。画面幅が狭い場合は機能しますが、画面が広い場合は、画像の上部がナビゲーション バーの後ろに表示されます。Bootstrap v2.2.2 を使用しています。

これをすべての画面サイズで機能させる方法はありますか? とても有難い！

<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
       ...
    </div>
    <style type="text/css">
        .mypic {margin: -120px 0 -20px 10px;}
    </style>
    <div class="container">
        <div class="mypic">
            <img src="..." width="300"/>
        </div>
    </div>
    ...
</body>
4

1 に答える 1

2

これでどこに向かっているのかよくわかりませんが、これが始まりですか？
http://jsfiddle.net/panchroma/xdv9m/

ウィンドウ サイズが小さい場合は、メディア クエリを使用して結果を絞り込む必要がある場合があります。

CSS

.mypic {
margin: -120px 0 -20px 10px; /* play with these to position the image */
position:absolute;
z-index:100;
width:300px;
}

幸運を！

于 2013-02-11T01:59:14.763 に答える