0

私は Bootstrap を使用してサイトで作業してきましたが、ワイド モニターで何かを表示するまでは、すべてうまくいきました。

このページをチェックアウトすると、3 つの行に異なる会社のロゴが表示されます (1 番目と 2 番目の行に 5 つ、3 番目の行に 2 つ)。ただし、ブラウザーを可能な限り広くすると、すべてが少しおかしくなり始めることがわかります。これに対する簡単な修正について何か考えはありますか？

4

2 に答える 2

1

ワイド モニターで表示すると、一部のロゴがラインからはみ出すという意味だと思います。css のこの部分で width:170px ルールを削除してみてください。

@media (min-width: 1200px)
.span2 {
width: 170px;
}
于 2013-01-21T05:05:11.210 に答える
0

これは、親divでスパンクラスまたは幅を指定しなかったためです。

これを試してください:(クラスに「span12」を追加してください）

<div class="row span12" align="center">
        <div class="span2 offset1" id="hankook" align="center"><img src="img/hankook_logo.png" alt="hankook tires"></div>
        <div class="span2" id="geotrac" align="center"><img src="img/geotrac_logo.png" alt="geo trac tires"></div>
        <div class="span2" id="nankang" align="center"><img src="img/nankang_logo.png" alt="nankang tires"></div>
        <div class="span2" id="geostar" align="center"><img src="img/geostar_logo.png" alt="geostar tires"></div>
        <div class="span2" id="milestar" align="center"><img src="img/milestar_logo.png" alt="milestar tires"></div>
    </div>
于 2013-01-21T05:09:11.650 に答える