<分区>
我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。
关闭 8 年前。
css - Bootstrap 3 - 响应式登录对话框
我正在尝试设计一个看起来像这样的登录模块
我尝试寻找允许这样做的 Bootstrap 模板，但找不到任何可用的。我想知道这里是否有人知道任何 Bootstrap 模板:
- 带 Logo 的响应式登录对话框
- 使背景变暗
一直在为这个发疯。任何帮助将不胜感激。 :)
最佳答案
如果您愿意，可以使用任何 JS，尽管您可以采用模态方法。这是另一个建议。
这里有一个类似解决方案的Bootly
http://www.bootply.com/SeRZCS7L09
您可以为此使用 twitter bootstrap 3。因为您可以在自己的 CSS 中指定宽度，然后使用网格系统提供其余部分。查看 bootstrap 3 的入门部分。
如果我要做到这一点，我会做以下事情:
HTML 跳过了标签等只是一个简单的例子
<body>
<div id="login-form">
<h2>Login</h2>
<input type="text" class="form-control" name="password/>
<input type="text" class="form-control" name="username/>
</div>
</body>
链接我的 Bootstrap 以获得表单控制的好处
然后在我的 CSS 表中:
#login-form{
width: 400px;
margin:0 auto;
//etc etc etc
}
这是非常基础的，但我觉得没有必要重复太多，因为您将能够浏览 Bootstrap 文档，它向您深入展示了如何使用网格/列/行等。使用这些您可以轻松打造那种造型!我将它用于很多元素。
深色背景可以通过带有黑色背景的 div 来实现，不透明度可能只有一半或更少，您可以通过过渡或 JS 使它出现。 CSS3 Opacity
关于css - Bootstrap 3 - 响应式登录对话框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27623477/