css - Bootstrap 输入组多个文本框宽度

Question

我在输入组中有 2 个文本框，由输入组插件跨度分隔。我的问题是，我希望文本框 1 比文本框 2 宽。文本框 1 应该是电话号码(更大)，文本框 2 是分机号码(更细)。我在下面有一个 fiddle :

https://jsfiddle.net/Lhhj7f5d/

<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>

谢谢!

Answer 1

你可以给你的表单设置宽度

<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" style="width : 20px;"/>
 </div>
</div>

或者使用CSS