居中输入元素 - 自举面板

我有几个问题，应该是一个简单的任务。居中输入元素 - 自举面板

我花了很长时间试图解决它们，但没有运气。

中心在div内的输入框 - 尝试这样做的解决方案，（不工作）：http://jsfiddle.net/pjAHG/27/

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

使背景图像充满整个屏幕，只有我的计时器div的底部...如果我使用纯色，它填充屏幕尽管：/我已经尝试了所有的方式，我可以找到onlin e，但没有运气。

媒体查询似乎没有改变文本/提交按钮的大小。

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

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

谢谢:)

来源

2017-09-26 Nezz

试试这个

.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。

来源

2017-09-26 00:48:02

伟大的工作，工作现在:)那么简单修复.. – Nezz

@Nezz我很高兴我能帮助..只是纪念这个，就好像它的答案解决你的问题.. –

中心的表单元素，而不是输入字段，因为它们是设置为display: table通过引导反正
这个问题并没有做出很有道理的，我。我已经添加了一个示例图像，它填充整个BG，看看
引导程序设置white-space: nowrap为.btn类;我改写为你

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

来源

2017-09-26 00:50:33 retrovertigo

伟大的，按钮现在工作，唯一的事情是，它不缩小规模，但仍然适合我的分区。你知道我怎样才能使它缩小？欢呼声 – Nezz

编辑：我修好了，我添加了一个字体大小的媒体查询。 – Nezz

居中输入元素 - 自举面板

回答

相关问题