[Bootstrap]初めてのBootStrap5:textボックスの大きさ

form内にtextボックスを設置した後、大きさを変更することができないのかなっーと思いました。

そこで、FormsのExtending form controlsを読んでみると、どうやら、classに、下記のうちどらかを指定すればいけるようです。

• span1
• span2
• span3

で、全部試しに実装してみた結果、下のようなコーディングになりました。

<div class="container"> <div class="row"> <div class="span12"> <form class="form-horizontal"> <fieldset> <div class="control-group"> <input type="text" class="span1" id="input01"> </div> <div class="control-group"> <input type="text" class="span2" id="input02"> </div> <div class="control-group"> <input type="text" class="span3" id="input03"> </div> </fieldset> </form> </div> </div> </div>

実行結果は、下のようになりました。

これで、テキストボックスの大きさ設定も困りませんね。