Question

我使用基于3.3.0的Twitter Bootstrap 2.3.2创建了一个自定义邮件黑猩猩订阅表单。

代码的基本核心部分如下：

<div style="color:black;text-align:center;"><form class="form-inline" action="//get2gethersports.us9.list-manage.com/subscribe/post?u=7c0d513e0a7edb9e73598c3d8&amp;id=dac19d65a1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate="">
<h2>Join our mailing list!</h2>
<p style="font-size:15px;">Sign up with your email address to receive the latest news and updates from get2gether|sports</p>
<input type="text" class="form-control" id="mce-EMAIL" placeholder="Email" name="EMAIL">
<input type="text" class="form-control" id="mce-FNAME" placeholder="First Name" name="FNAME">
<input type="text" class="form-control" id="mce-LNAME" placeholder="Last Name" name="LNAME">
<button type="submit" class="btn">Subscribe</button>
<p style="font-size:12px;">We respect your privacy.</p>
</form></div>

问题是在3.3.0中，当屏幕低于768px时，它的工作非常糟糕。在2.3.2中，我不知道如何在文档中的任何地方执行此操作。所以有时行会彼此相邻而不是下面。最好在Iphone 6上看到。

有没有让它们像3.3.0一样自动崩溃到768px以下？

Answer 1

使用

修复它

@media (min-width: 321px) and (max-width: 980px) {
#subform {
    width:320px!important;
    margin:0px auto!important;
}
}

像在TwitterBootstrap 3.3.0中一样在Twitter Bootstrap 2.3.2中自动折叠

1 个答案: