如何将HTML/CSS/Bootstrap中的输入字段居中？

-2

只是我想分享一些基本的问题，我无法找到关于CSS和Bootstrap的任何地方。如何将HTML/CSS/Bootstrap中的输入字段居中？

基本上我需要居中输入文本，但我不能这样做。我能够将输入框居中，但是验证并未出现在右侧。你能帮我解决吗？

PS1：它需要充分响应。 PS2：我检查了this case，但其他事情发生在更高的CSS级别。

谢谢！

来源

2017-02-19 jswd

提供的jsfiddle ... –

喜的父母DIV的财产，我想提供的jsfiddle但不格式化所有的网站。它显示了一些JS问题。这就是我提供网站的方式。 – jswd

然后发布只是你的html代码，我将它的风格和中心... –

只要将您的col-md-8更改为col-md-12它将跨越您使用的表格框的整个宽度，但它将位于中心。

来源

2017-02-19 13:58:10 Carlo

卡罗，你解决了这个问题！谢谢！！！ – jswd

我没有发现任何错位。它看起来很棒（Chrome）。你的意思是盒子里面输入的文字吗？

然后加入

text-align:center;

到输入字段中。

来源

2017-02-19 13:59:37

嗨，弗兰克，我试过，但没有工作，因为bootstrap是一个较高的CSS风格。然而，正如卡罗所说的那样，改用“col-md-12”解决了这个问题。无论如何感谢人！ – jswd

删除“浮动：左”下面输入

<input type="text" class="form-control" name="code" id="code" data-bv-stringlength="true" data-bv-stringlength-min="5" required="" data-bv-field="code">

来源

2017-02-19 14:12:15 Deep

非常感谢！我只是换成“col-md-12”，问题解决了。 – jswd

如何将HTML/CSS/Bootstrap中的输入字段居中？

回答

相关问题