Автоматическое изменение размера div необходимо обновить, чтобы получить работу

Question

Я использовал textext для автоматического завершения. Этот входной текст больше не реагирует на изменение размера окна. Экран хорош в первый раз:

Но когда я изменить окно браузера всех полей сжиматься кроме тега (который имеет textext пользовательского стиля), то правые элементы идут в эту область:

Если я ударил обновление, которое найдет его правильное положение. Вот соответствующий CSS для этого поля:

.text-core { 
position: relative; 
} 

.text-core .text-wrap { 
    background: #fff; 
    position: absolute; 
    width: 100%; 
} 

.text-core .text-wrap textarea, .text-core .text-wrap input { 
    width: 100%; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
    border: 1px solid #9daccc; 
    outline: none; 
    z-index: 1; 
    background: none; 
    overflow: hidden; 
    margin: 0; 
    padding: 3px 5px 4px 5px; 
    white-space: nowrap; 
    font: 14px; height : 34px; 
    border-radius: 4px; 
    height: 34px; 
    min-width: 0; 
    display: inline; 
} 

Пожалуйста, кто-то помощь, чтобы сделать это реагировать, как и другие. Спасибо!

Answer 1

Попробуйте использовать самозагрузки сетку: http://getbootstrap.com/css/

Поместите форму с цв-LG-6 цв-мкр-12 цв-см-12 и Col-хз-12 и кнопки с цв-LG-6 col-md-12 col-sm-12 и col-xs-12.