2015-07-03 2 views
0

Я создал собственное домашнее веб-приложение для автоматизации. Чтобы разрешить действия, пользователь должен ввести PIN-код. Вместо использования поля ввода/пароля я хочу использовать набор номера/номер. Я решил пойти с this snippet. Моя большая проблема: я плохо разбираюсь в CSS. Я понимаю HTML и могу работать с ним (по крайней мере, с Bootstrap). Но я еще не научился CSS. Но я хочу отобразить цифровую панель в модальной форме (которая появляется, когда пользователь пытается нажать кнопку «Поворот ПК», например).Custom CSS breaks bootstrap modal

Я скопировал css и html по ссылке. Но это результат: Broken Modal

Может кто-нибудь объяснить мне, какая часть css вызывает это?

Благодаря

+2

Нам нужен код. Пожалуйста, сделайте [jsfiddle] (http://www.jsfiddle.net) – Nerdkowski

+1

или, по крайней мере, щелкните правой кнопкой мыши пробел элемента pad, проверите элемент в инструментах dev и покажите нам, что css влияет на него. – Starscream1984

+0

Выполнено: http://jsfiddle.net/3r2wure7/ Но вам нужно перейти в полноэкранный режим, чтобы увидеть проблему. В мобильном телефоне это выглядит нормально. – LuMa

ответ

2

Удалите <div class="container"> из модального тела и изменить класс на вашем phone теге col-md-8 col-md-offset-2 phone.

Updated JSFiddle
Full-screen results

+0

Вот и все! И я думал, что это проблема CSS. Благодаря! – LuMa