Html 引导程序4：如何使用类输入组append调整输入的长度？

我正在创建一个工资率，其中有两个数字输入框

我遇到的问题是，输入框被拉伸到很大程度，导致cent的文件掉落到下一行。引导的Maxlength被忽略，因此我可以调整输入框的长度

<div class="form-group col-md-6">
        <label for="pay_rate">Pay Rate</label>
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">$</span>
            </div>
            <input type="number" name="pay_rate" id="pay_rate" class="form-control" style="text-align: right;" placeholder="0" maxlength="4" size="4">
            <div class="input-group-append">
                <span class="input-group-text">.</span>
            </div>
            <div class="input-group-append">
                <input type="number" name="pay_rate" id="pay_rate" class="form-control" placeholder="00"maxlength="2" size="2">
            </div>
        </div>
</div>

工资率
$
.

---

显示美元和美分的货币输入字段的最佳选项是什么？但是，当加载到SQL时，我不能将$输入数据库。

问得好。。。开箱即用，似乎拥有多个

输入组append

类不会影响最后的输入框。。。所以我们必须自己管理它的宽度：我们使用它的max-width属性

正在处理下面的片段：

.myClass{
最大宽度：32%；
}

工资率
$
.

您的意思是输入长度而不是长度吗？此外，你的主题似乎在问一个问题，而你的描述以另一个问题结束。。。