自举 - 设置输入控制(一个或多个)输入组
问题描述:
我上的要求工作,其中输入组包含通过输入基团的附加分离的两个文本框内部尺寸。我面临的问题是我无法使用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>
答
我不明白你为什么不能设置文本框的宽度? 您可以CSS规则简单地添加到您想要并设置其宽度的输入,像
<style>
#ApprovalNumberDelimiterTextBox {
width:40%;
}
</style>
,它是工作 Here,或有其它问题,我不明白?
我很抱歉,我本来应该更具体。我正在寻找一个没有自定义CSS的解决方案。我刚刚更新了期望部分。 –