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

Javascript 如何在HTML/CSS/Bootstrap中居中输入字段?,javascript,html,css,bootstrap-modal,Javascript,Html,Css,Bootstrap Modal,我只是想和大家分享一些基本的问题,关于CSS和Bootstrap,我在哪里都找不到 基本上我需要将输入文本居中,但我不能这样做。我能够将输入框居中,但是验证没有出现在右边。你能帮帮我吗 PS1:它需要完全响应。 PS2:我检查过了,但是在更高的css级别上发生了一些其他的事情 谢谢大家! 只需将您的col-md-8更改为col-md-12,它将覆盖您正在使用的表格框的整个宽度,但它将位于中间 我没有发现任何错位。它看起来很棒。你是说盒子里的打字文本吗 然后加上 text-align:center

我只是想和大家分享一些基本的问题,关于CSS和Bootstrap,我在哪里都找不到

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

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


谢谢大家!

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

我没有发现任何错位。它看起来很棒。你是说盒子里的打字文本吗

然后加上

text-align:center;

到输入字段。

删除下面输入的父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">

提供JSFIDLE…嗨,我试图提供JSFIDLE,但它没有格式化所有网站。它显示了一些JS问题。这就是我提供网站的方式。然后只发布你的html代码,我会设计它的风格和中心…你好!我刚换了col-md-12,它解决了这个问题。无论如何谢谢你!嗨,弗兰克,我试过了,但没有成功,因为bootstrap有更高的css风格。然而,正如卡洛所说,只要换成col-md-12,问题就解决了。无论如何谢谢你,伙计!!非常感谢!我刚换到col-md-12,问题就解决了。