Bootstrap容器位置不正确？

Question

我使用bootstrap来设计我的网站。然而，它并不像我想的那样完美。

以下是我的代码：

<div class="container">
    <div class="box"></div>
    <div class="row">
        <div class="span6">
            <div class="box"></div>
        </div>
        <div class="span6">
            <div class="box"></div>
        </div>
    </div>
</div>

CSS：

.box {
    margin: 5px;
    padding: 5px;
    font-size: 11px;
    line-height: 1.4em;
    float: left;
    box-shadow: 1px 1px 1px #444;
    width: 100%;
    background: white;

}

如下图所示，最右边的间隙比最左边的间隙宽。有人有想法吗？

Answer 1

尝试删除

<div class="box"></div>

打开容器后打开。 代码如下：

  <div class="container">
      <div class="row">
       <div class="span6">
          <div class="box"></div>
       </div>
     <div class="span6">
        <div class="box"></div>
      </div>
     </div>
  </div>

如果不起作用，请发布css for box或提供一个URL，以便我可以检查css计算的样式