自定义CSS打破引导模式

Question

我创建了自己的家庭自动化网络应用程序。要授权用户输入引脚所需的操作。我没有使用输入/密码字段，而是使用拨号/数字键盘。 我决定和this snippet一起去。我的大问题是：我对CSS并不擅长。我理解HTML并且可以使用它（至少使用Bootstrap）。但我还没学过CSS。 但是我想在模态中显示数字键盘（当用户试图按下＆＃34;转动PC＆＃34;按钮时弹出数字键盘。）

我从链接中复制了css和html。但这是结果：

有人可以解释一下css的哪个部分导致了这个问题吗？

由于

Answer 1

从模态正文中删除<div class="container">，并将phone标记上的类更改为col-md-8 col-md-offset-2 phone。

Updated JSFiddle
Full-screen results