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

Question

我的网站是http://get2gethersports.com

我使用基于 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;
}
}