找到边界来自何处

时间:2012-04-18 12:11:28

标签: html css image twitter-bootstrap

我正在使用Twitter Bootstrap在PhoneGap上创建布局。

with是768px;

我有这个简单的HTML:

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

我放置红色背景只是为了检查宽度是否正常。 这是图像,768px; enter image description here

当我添加图像时,这是该死的左边距: enter image description here

我已经检查了bootstrap.css和bootstrap-responsive.css以获取保证金命令,但没有。

图像宽度为768像素(已选中)。我需要让图像适合768px。

2 个答案:

答案 0 :(得分:0)

尝试将边距和填充重新设置为零

*{margin:0px;Padding:0px;}

答案 1 :(得分:0)

您看到的这个边距是引导网格系统的一部分。它可以使内容适当地与引导程序中给出的宽度相匹配,并且由.row div抵消,而您的标记中不包括该内容。

所以只需将.span12 div包含在.row div中,就应将其删除。

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