1台のキャラクター幅で入力をブートストラップする方法は？

Question

私はサッカーベットアプリを作っています。

私はリアクトとブートストラップを使用していますが、今は明らかに単純な問題に悩まされています。

私はベットの入力をしたい（サッカーでは常に3桁未満です）。ブートストラップで固定長の2文字を入力するにはどうすればよいですか？

BRAZIL []×[]ドイツ：

私の画面、例えば、自宅と離れたチーム、およびユーザーのようなのが望ましい賭けを持つ2つの入力を持つことになります。これはあなたの入力が唯一の受け入れを確認する場合には

これらの入力は、2

感謝の固定サイズ

Answer 1

使用HTML

<form action="/action_page.php"> Username: <input type="text" name="usrname" maxlength="10"><br> <input type="submit" value="Submit"> </form>

Answer 2

における最大長さ属性を持っている必要があります2文字以下の場合は、maxlength属性を使用します。

<input type="text" maxlength="2" /> 

あなたがスタイリングについて話しているのであれば、これはまったく別の話です。以下のようなあなたのニーズに合わせて

<form class="form-inline"> 
<div class="form-group"> 
<label for="brazil">BRAZIL</label> 
<input type="text" id="brazil" class="form-control form-control-sm small-input" /> 
X 
<input type="text" id="germany" class="form-control form-control-sm small-input" /> 
<label for="germany">GERMANY</label> 
</div> 
</form> 

そしてサイズ：

あなたのような何かを行うことができます

.small-input { 
width: 5px !important; 
} 

Fiddle