css - Bootstrap 3：不同长度的行

Question

当我像下面这样设置行和列时，行宽略有不同。建议？

编辑：行宽没有不同。列宽不填满空间。小提琴也已更新以说明问题。

<div class="container">
  <div class="row" style="background: red;">
      <div class="col-xs-4" id="logo">
          content
      </div>
      <div class="col-xs-8">
      </div>
  </div>      
  <div class="row">
      <div class="col-xs-7 col-xs-push-3">
      </div>
      <div class="col-xs-3 col-xs-pull-7">
      </div>
      <div class="col-xs-2" style="background: #000">
          content
      </div>
  </div>

链接到小提琴：http: //jsfiddle.net/PRP89/4/