如何在HTML / CSS / Bootstrap中居中输入字段?

时间:2017-02-19 13:49:40

标签: javascript html css bootstrap-modal

我想分享一些我无法找到的关于CSS和Bootstrap的基本问题。

基本上我需要将输入文本居中,但我不能这样做。我能够将输入框居中,但随后,验证没有出现在右边。你能帮帮我吗?

PS1:它需要完全响应。 PS2:我检查了this case,但其他事情发生在更高的css级别。

谢谢!

3 个答案:

答案 0 :(得分:0)

只需将col-md-8更改为col-md-12,它将覆盖您正在使用的表单框的整个宽度,但它将位于中心。

答案 1 :(得分:0)

我没有发现任何错位。它看起来很棒(Chrome)。你的意思是盒子里面的打字文字吗?

然后添加

text-align:center;

到输入栏。

答案 2 :(得分:0)

删除以下输入

的父div的'float:left'属性
<input type="text" class="form-control" name="code" id="code" data-bv-stringlength="true" data-bv-stringlength-min="5" required="" data-bv-field="code">