twitter bootstrap在移动设备上预设宽度太大

Question

我正在使用twitter bootstrap 2.3创建一个网站，并且在移动大小的屏幕上输入有问题。

在我的联系页面上，其中一个输入是电子邮件，并且前面有一个电子邮件图标。当视口降低到移动大小时，responsive.css会启动并将width：auto添加到前置类。

结果和问题是，这使得输入对于屏幕尺寸而言太长并且会突破。

我不确定这是我使用它的方式或twitter bootstrap的问题。似乎没有任何地方报告此问题。

自举-responsive.css

.input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
  display: inline-block;
  width: auto;
}

可以在

查看该问题

http://www.treacyswestcounty.com/contact-us/

Answer 1

您可以通过将其添加到CSS

来解决此问题

.input-prepend input {
    width: 179px;
}