Css 引导输入组多个文本框宽度

我在一个输入组中有两个文本框，由一个输入组插件span分隔。我的问题是，我希望文本框1比文本框2宽。文本框1应该是电话号码（较大），文本框2是分机号码（较小）。我有一把小提琴在下面：

提取。

---

谢谢

您可以为表单设置宽度

提取。

您需要将输入标记放在一个带有列xs-*的div中

#phoneField.col-xs-3{
填充：0；
}
#phoneField.col-xs-3:：after{
内容：“-”；
位置：绝对位置；
保证金：5px；
}

---

如果手动缩小第二个文本框，整个输入组将变小。如果我通过增加第一个文本框的大小来补偿，中间的跨度就会被覆盖。我想这与表格单元格显示有关？

<div class="col-xs-6">
 <div class="input-group">
  <input class="form-control" type="tel" placeholder="Phone Number" />
  <span class="input-group-addon">Ext.</span>
  <input class="form-control" type="text" placeholder="Extension"/>
 </div>
</div>