Twitter bootstrap 3 引导3-如何在组中的一个按钮中实现全宽

填充剩余宽度

我已经使用上面的html创建了TopButton组。我想调整它，以实现一个按钮组更像下面的一个，在那里你没有圆角最宽的按钮右侧

<div class="input-group">
  <button class="btn btn-default full-width">
    <span class="pull-left"><i class="fa fa-sitemap"></i> Fills remaining width</span>
  </button>
  <div class="input-group-btn">
    <input type="submit" class="btn btn-default" value="submit">
    <button class="btn btn-default">
      <i class="fa fa-pencil"></i>
    </button>
    <button class="btn btn-default">
      <i class="fa fa-trash-o"></i>
    </button>
  </div>
</div>

如果其他人感兴趣，请将这些样式添加到我的。全幅类完成了这一任务。我很想知道是否有人知道Bootstrap3实现相同外观的唯一方法

.full-width {
  width: 100%;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.full-width span i {
  margin-right: 10px;
}