Автоматически рушится в Twitter Bootstrap 2.3.2 как в TwitterBootstrap 3.3.0

Question

Мой сайт 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 он работал сказочно рушится, когда экран стал ниже 768px. в 2.3.2 Я не вижу, как это сделать в документации. Поэтому иногда строки стекают рядом друг с другом, а не ниже. Лучше всего видно на Iphone 6.

Есть ли все равно, чтобы заставить их автоматически свернуть ниже 768 пикселей, как в 3.3.0?

Answer 1

установил его с помощью

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