html - 自定义 CSS 破坏 Bootstrap 模式

标签 html css twitter-bootstrap

我创建了自己的家庭自动化网络应用程序。要授权操作,用户需要输入密码。我不想使用输入/密码字段,而是想使用拨号/数字键盘。 我决定选择 this snippet .我的大问题是:我不擅长 CSS。我了解 HTML 并且可以使用它(至少使用 Bootstrap)。但是我还没有学过CSS。 但我想以模式显示数字键盘(例如,当用户尝试按下“打开 PC”按钮时弹出)。

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

谁能解释一下是 css 的哪一部分造成的?

谢谢

最佳答案

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

Updated JSFiddle
Full-screen results

关于html - 自定义 CSS 破坏 Bootstrap 模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31209056/

相关文章:

javascript - 修复 html 表中的多列 (JQuery)

javascript - 单击上方的行时插入表格行

html - 表格单元格溢出

html - BootStrap CSS 边距 0 自动不居中

javascript - jQuery 表单验证( if == ""执行此操作)仅适用于第一个输入

html - 无法缩小我的导航栏

javascript - 如何使用角色 "li"作为触发器将类添加到 ="alter"元素

css - 为什么 css 文件包含在标题部分,而 js 文件包含在底部

html - IE8不显示?

html - 页面 anchor 在固定导航栏下