在 Twitter Bootstrap 2.3.2 中自动折叠，就像在 TwitterBootstrap 3.3.0 中一样答案

【问题标题】：Automatically collapsing in Twitter Bootstrap 2.3.2 like in TwitterBootstrap 3.3.0在 Twitter Bootstrap 2.3.2 中自动折叠，就像在 TwitterBootstrap 3.3.0 中一样
【发布时间】：2015-01-05 02:05:14
【问题描述】：

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

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

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

<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 中，当屏幕低于 768 像素时，它会崩溃。在 2.3.2 中，我在文档中的任何地方都看不到如何做到这一点。所以有时这些行彼此相邻而不是在下面堆叠。最好在 Iphone 6 上看到。

有没有办法让它们像 3.3.0 一样在 768px 以下自动折叠？

【问题讨论】：

标签： css forms twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

使用

修复它

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

【讨论】：