Bootstrap移动版本的右侧有空间，容器的尺寸也不合适.具有Overflow-X:隐藏.关于如何修复它的任何想法

Question

bootstrap移动版本的右侧空间，容器的尺寸也不合适。有溢出X：隐藏..

i还对容器和行进行了仔细检查，以确保容器div均关闭并且没有嵌套容器或行内的容器。

您可以在此处查看示例：http：//holbrookautoparts.com/mock/index.html

Answer 1

问题是您的输入

<input type="email" class="form-control input-lg text-center font-heavy" id="contact-email" placeholder="Enter Email Address">

@media (max-width: 568px)
style.css:932
.signupform input[type="email"] {
    width: 100%;
    height: 60px;
}

将宽度更改为100％;

也许是IMG，也许添加IMG响应。

我认为这个问题使这个问题

Answer 2

在行号980上更改您的.signupform CSS，如下：

@media (max-width: 414px){
  .signupform {
    top: 100px;
    left: 43px;
    width: auto;
    right: 43px;
  }
}