在Twitter的引導2.3.2自動崩潰像TwitterBootstrap 3.3.0

Question

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

我使用基於掀起了3.3.0一個我做的Twitter的引導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上。

有沒有辦法使它們自動崩潰在768px以下像3.3.0？

Answer 1

固定它使用

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