Проблема на BootStrap input-append & input-prepend

Question

Не могли бы вы взглянуть на THIS LINK и сообщить мне, почему .input-prepend и .input-append ведут себя так, как будто это все ширина видового экрана меньше 1027?

Answer 1

В таблице стилей у вас есть следующее правило видовых:

/*This Part is for iPhone 4 Portraite*/ 
@media (max-width: 480px) { 
    .tabres{padding:0; margin: 0; width:100%;} 
    .cent{text-align: center;} 
    .respo{padding:7px;} 
    .table-striped{font-size:95%; margin-bottom:5px;} 
    .span3{ 
    width: 100%; 
    margin: 5px 0px 10px 0px; 
    } 

Вы настраиваете Верхнее поле всех span3 элементов (что входные поля являются одним из) в 5px, когда окно просмотра меньше 480px.

В моем браузере это единственное окно просмотра.