自举 - 设置输入控制（一个或多个）输入组

我上的要求工作，其中输入组包含通过输入基团的附加分离的两个文本框内部尺寸。我面临的问题是我无法使用bootstrap css设置文本框的宽度。第一个文本框应该比第二个文本框宽。自举 - 设置输入控制（一个或多个）输入组

的jsfiddle：https://jsfiddle.net/Vimalan/5eqdkveb/3/

电流：

之前和分隔符之后是同样大小的文本框。

预计：

分隔符之后的文本要小。我更感兴趣的是使用bootstrap css而不是自定义css的解决方案。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 
<div class="form-horizontal"> 
 
    <div class="form-group"> 
 
    <label class="col-xs-3 control-label">Approval Number</label> 
 
    <div class="col-xs-9"> 
 
     <div class="input-group"> 
 
     <input type="text" class="form-control input-sm" id="ApprovalNumberTextBox" /> 
 
     <span class="input-group-addon">Delimiter</span> 
 
     <input type="text" class="form-control input-sm" id="ApprovalNumberDelimiterTextBox" /> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

来源

2016-09-17 Vimalan Jaya Ganesh

我不明白你为什么不能设置文本框的宽度？您可以CSS规则简单地添加到您想要并设置其宽度的输入，像

<style> 
    #ApprovalNumberDelimiterTextBox { 
     width:40%; 
    } 
</style>

，它是工作 Here，或有其它问题，我不明白？

来源

2016-09-17 23:18:51

我很抱歉，我本来应该更具体。我正在寻找一个没有自定义CSS的解决方案。我刚刚更新了期望部分。 –

自举 - 设置输入控制（一个或多个）输入组

回答

相关问题