Как правильно позиционировать input в форме обратной связи?

Question

[Роман Романович]

Есть блок обратно связи, верстаю на bootstrap, нужно чтобы 3 input шли друг за другом, как показано на шаблоне никак не получаться, каждый input прыгает на новую строку.

Answer 1

[L0k1]

вот и растет поколение собирателей из конструкторов, совершенно не знающее азов

ну дай этим инпутам display: inline-block, в чем трабла-то?

Comments

[SteveNers]

cs624226.vk.me/v624226327/1958e/GMzI5cgfDws.jpg

[L0k1]

SteveNers: Эх, жаль нельзя в коммент плюсануть, отличная картинка!

[Роман Романович]

господа, первым делом я это и делал, так что не нужно тут срач разводить

[Роман Романович]

но все равно элементы остаются на месте

[Иван Новиков]

Роман Романович: Есть пример? Онлайн пример.

[Роман Романович]

codepen.io/morethenlife/pen/LEjQVO получается без подключенных стилей bootstrap все работает

[Владимир Шестаков]

Роман Романович: каскад бутстрапа учли?

[Роман Романович]

Владимир Шестаков: уточните пожалуйста, не понимаю, что такое каскад!

[Тимофей Белоусов]

Владимир Шестаков: скорее всего нет, да и зачем это делать?))))

[Владимир Шестаков]

Роман Романович: покажите html и css, а то гадать приходится

[SteveNers]

Короче, открываешь в браузере консоль разработчика, жмякаешь на элемент и смотришь, кто у твоего input'a display inline-block оввервайдит, решить можно добавив !important либо написав такой же каскад, как и у овервайдющего

[Роман Романович]

SteveNers: пробовал не помогло.
Владимир Шестаков: s.codepen.io/morethenlife/debug/VYbPYe? вот посмотри, что не так.

[Владимир Шестаков]

Роман Романович: Во первых input'ы на всю ширину (задайте им), во-вторых поместили в col-md-2 на ширину которого все инпуты и растянулись

[SteveNers]

Роман Романович: йопт, у input'ов задана width: 100%, а у col-md-2 width 16.6%

Answer 2

[Владимир Шестаков]

В общем, поменяйте col-md-2 на col-md-5 и задайте нужную маленькую ширину инпутам

Comments

[Роман Романович]

спасибо за помощь!