HTML输入文本框非常小

HTML输入文本框非常小,html,css,Html,Css,我正在编写这个定价脚本,我希望用户能够在HTML文本输入框中输入一个数值。 您可以在此处看到此脚本: 在“选择赢家数量和价格”下:-您可以看到一个小的白色框 这是框的代码: <input type="text" id="amount" value="1" size="100"> 无论我输入多大的尺寸,它总是显示出这样的小。请注意,在手机或平板电脑等小型浏览器上,或者如果您减小浏览器宽度,该框将正确显示。当您增加浏览器宽度时,它会像那样捕捉回小形状。有人知道问题的根源吗 此输入位

我正在编写这个定价脚本,我希望用户能够在HTML文本输入框中输入一个数值。 您可以在此处看到此脚本: 在“选择赢家数量和价格”下:-您可以看到一个小的白色框

这是框的代码:

<input type="text" id="amount" value="1"  size="100"> 

无论我输入多大的尺寸,它总是显示出这样的小。请注意,在手机或平板电脑等小型浏览器上,或者如果您减小浏览器宽度,该框将正确显示。当您增加浏览器宽度时,它会像那样捕捉回小形状。有人知道问题的根源吗

此输入位于引导行中,而引导行位于另一行中。尝试将列放大

<div class="col-md-offset-5 col-md-5">

有两种方法可以做到这一点,一种是使用宽度而不是百分比大小。 这将设置相对于定义输入的div或span的宽度。 或者,您可以定义一个包含1行的textarea,并增加列数以增加宽度

此外,不要对列使用大小。Bootstrap应该在CSS.hm中解决这个问题,因此添加col-md-5实际上修复了框问题,但破坏了javascript。我不知道为什么,你知道为什么会这样吗?没关系,给了你答案,一切都搞定了。谢谢