如何將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中的輸入字段居中？

回答

相關問題