2

私はこのブートストラップが初めてです。コンテナの液体に入れたい背景画像があります。どうやってするの。

これは私のコードです：

<div class="image_outer">
    <div class="container-fluid">
         <div class="row-fluid">
                <div class="span5">
                     <div class="fl navi"> <a href="#" title="One" class="mr30">One</a> <a href="#" title="two">TwoP</a> </div>
                </div>
                <div class="span2"">
                     <div id="image1"><img src="/Something/something.jpg" alt="" /></div>
                </div>
                <div class="span5">
                     <div class="fr navi"> <a href="#" title="three" class="mr30">Three</a> <a href="#" title="four">Four</a> </div>
                </div>
         </div>
    </div>
</div>

対応するクラスは

.image_outer{width:100%;margin:0 auto; background:url(Something/something_bg.jpg) repeat-x; height:128px;}
.fl{float:left;}
.fr{float:right;}
.mr30{margin-right:100px; font-family: ee_nobblee,arial;}
.navi a{ font-size:22px; color:#6D6E70; margin-top:50px; float:left; font-weight:normal; font-family:ee_nobblee,arial;}
.navi a:hover { text-decoration:none; color:#858687;}
4

3 に答える 3

1

この CSS を試してください:

.image_outer {
   width:100%;
   margin:0 auto; 
   background:url(Something/something_bg.jpg) repeat-x; 
   height:128px; 
   background-position:cover;
}
于 2013-12-24T06:47:04.257 に答える
0

このようなコードを使用してください。これが画像で機能することを願っています

.image_outer{width:100%;margin:0 auto; background:url(../Something/something_bg.jpg) 繰り返し-x; 高さ:128px;}

于 2012-09-27T11:36:18.097 に答える
0

私は間違っているかもしれません、あなたは浮いている子供です。背景が指定された高さを占めるように、フロートをクリアする必要があります。

<div class="row-fluid">
            <div class="span5">
                 <div class="fl navi"> <a href="#" title="One" class="mr30">One</a> <a href="#" title="two">TwoP</a> </div>
            </div>
            <div class="span2"">
                 <div id="image1"><img src="/Something/something.jpg" alt="" /></div>
            </div>
            <div class="span5">
                 <div class="fr navi"> <a href="#" title="three" class="mr30">Three</a> <a href="#" title="four">Four</a> </div>
            </div>
            <div style="clear:both"></div>
     </div>
于 2012-09-27T11:18:58.057 に答える