Question

我遇到了一些问题，应该是一项简单的任务。

我花了很多时间试图修复它们，但没有运气。

将div中的输入框居中 - 尝试此解决方案，（无效）：http://jsfiddle.net/pjAHG/27/

input {
  display: block;
  margin: auto;
  max-width: 80%;
}

让背景图片填满整个屏幕，只到我的计时器底部...如果我使用纯色，它会填满屏幕：/我已经尝试了所有我在网上找到的方法，但没有运气。
媒体查询似乎不会更改文字/提交按钮的大小。

如果有人可以分享一些信息或帮助解决这些问题，我将不胜感激。

这是我的代码： https://codepen.io/anon/pen/dVNZZO

谢谢：）

Answer 1

试试这个

.input-group{
  max-width:80%;
  margin:0 auto;
}

和

@media (max-width:768px) {
 .btn-lg{
    display:block;
    max-width:100%;
    white-space:normal;
  }
    .lead-subtitle {
      color: #dbdbdb;
      text-decoration: underline;
      font-size: 1em;
      display:block;
    }
}

这是updated pen。

Answer 2

以表单元素为中心而不是输入字段无论如何，通过bootstrap设置为display: table
这个问题对我来说没有多大意义。我添加了一个示例图像，它填满了整个bg，看看
Bootstrap为.btn类设置white-space: nowrap;我为你覆盖了

https://codepen.io/anon/pen/xXgPjZ

居中输入元素 - 引导面板

2 个答案: