html - 如何设置 Bootstrap 输入字段的最小宽度

Question

我有一个带有标签的简单 Bootstrap 输入字段。我现在的问题是，当我将浏览器调整为更小的尺寸时，输入字段变得太窄，以至于它不显示值“1.00”。有没有一种方法可以定义该输入字段的最小宽度？或者我这样做的方式有问题吗？非常感谢!

<div class="container">

    <div class="input-group">

        <span class="text-center input-group-addon" id="sizing-addon2">Payment mount</span>
        <input class="form-control" type="text" id="payment_amount"  value="1.00">
    </div>
</div> 

Answer 1

您可以在您的 CSS 中使用以下代码。

.container input {
    min-width: 320px;   /* depends how much minimum width you require */
}

如果不行，尝试通过id访问。

#payment_amount {
    min-width: 320px;   /* depends how much minimum width you require */
}