在列的左侧和右侧额外增加5px填充

Question

我有一个简单的html / bootstrap 3.3代码，看起来像

<div class="container" >
 <div class="row body">
  <div class="col-xs-3">&nbsp;</div>
  <div class="col-xs-4">&nbsp;</div>
  <div class="col-xs-3">&nbsp;</div>
  <div class="col-xs-2">&nbsp;</div>
 </div>

 <div class="row nav">
  <div class="col-xs-12">&nbsp;</div>
 </div>

</div>

第二行的col-xs-12小于上一行。我在左边和右边都有额外的5px填充。

我做错了吗？