0

Twitter Bootstrap を使用して、PhoneGap でレイアウトを作成しています。

は 768px です。

私はこの単純なHTMLを持っています:

<div class="container">
<div class="span12" style="background: red;">
<img src="img/teste.png">
</div>
</div>

幅が問題ないかどうかを確認するために、赤い背景を配置しました。これが768pxの画像です。 ここに画像の説明を入力

そして、ここに画像を追加したときの左マージンがあります： ここに画像の説明を入力

マージンコマンドについては、bootstrap.css と bootstrap-responsive.css の両方をチェックしましたが、何もチェックしませんでした。

画像幅は768px(チェックあり)。画像を 768px に合わせる必要があります。

4

2 に答える 2

0

マージンとパディングをゼロに再設定してみてください

*{margin:0px;Padding:0px;}
于 2012-04-18T12:15:11.447 に答える
0

表示されるマージンは、ブートストラップ グリッド システムの一部です。.rowブートストラップで指定された幅と、マークアップに含めていないdivによってオフセットされた幅にコンテンツを適切に合わせるためにあります。

したがって、 div を.span12div 内に入れるだけ.rowで、削除する必要があります。

<div class="container">
    <div class="row">
        <div class="span12" style="background: red;">
            <img src="img/teste.png">
        </div>
    </div>
</div>
于 2012-04-18T12:24:13.007 に答える