Twitter bootstrap 使用引导时如何删除边距

当我的屏幕处于全宽时，我在尝试定位一行时遇到问题。第4列一直位于第1列之下

      <div class="products">
            <div class="container">
              <div class="row">
                <h2>Products</h2>
                  <div class="col-sm-3">
                <div id="cat-1">
                  <p>1</p>
                </div>
              </div>

              <div class="col-sm-3">
                <div id="cat-2">
                  <p>2</p>
                </div>
              </div>

              <div class="col-sm-3">
                <div id="cat-3">
                  <p>3</p>
                </div>
              </div>

              <div class="col-sm-3">
                <div id="cat-4">
                  <p>4</p>
                </div>
              </div>

          </div>
        </div>
      </div>

产品
一,

二,

三,

四,

标题正在破坏布局。 仅允许将列用作

行的子行

产品
一,

二,

三,

四,

@AnshulSahni有4个元素=>12/4=3：所以

.col-sm-3

完全可以。对不起，我犯了一些计算错误，很抱歉，我将删除我的上述评论