Twitter bootstrap 图像没有排列在它们应该在的位置？

我到处寻找答案，但似乎什么也找不到（也许我用错了关键字）。我将引导应用于以下网格系统。22个网格，每个网格宽47px，每个网格之间的余量为0。这意味着每4个网格我总共有188px。每4个网格包含两个图像，一个1px垂直条和一个187px徽标

这应该足以并排显示两个图像，但徽标会不断向下踢。如果我将

class=“pull left”

放在垂直条上，徽标将回到它们应该在的位置，直到我将浏览器窗口的大小缩小到最小，以使流体行调整大小

起初我认为这可能只是列的公差/舍入问题，所以我将图像缩小了5px，但这并没有改变任何事情。你知道是什么原因导致了这种情况，或者如何修复它吗？唯一应用于此功能的css是标准的

bootstrap.css

样式表，最大车身宽度为1040px

<div class="row-fluid ">
    <div class="span4 offset1">
        <img src="img/verticalBar.jpg">
        <img src="img/logo1.jpg">
    </div>
    <div class="span4">
        <img src="img/verticalBar.jpg">
        <img src="img/logo2.jpg">
    </div>
    <div class="span4">
        <img src="img/verticalBar.jpg">
        <img src="img/logo3.jpg">
    </div>
    <div class="span4">
        <img src="img/verticalBar.jpg">
        <img src="img/logo4.jpg">
    </div>
    <div class="span4">
        <img src="img/verticalBar.jpg">
        <img src="img/logo5.jpg">
        <img src="img/verticalBar.jpg">
    </div>
</div>

这就是页面当前的外观。红色箭头表示徽标应该放在哪里。

---

尝试将此添加到css中：

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q,      samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

---

你能给我看一下测试页面吗？我把这个上传到了一个域名上。我觉得很完美。。你有没有试着调整窗口的大小？一旦你调整它的大小，图像就无法正确缩放，迫使它们像上面的图像一样向下。你有没有以任何方式自定义引导。其次，我在html中没有看到bootstrap-responsive.css。Plus bootstrap已经正常化了，为什么是一个单独的正常化文件。这不起作用：（这不是填充/边框/边距的问题。我很确定这与列调整徽标图像大小的方式有关。