| 目次 |
|---|
|
・Bootstrapのフォーム ・フォームのサイズを変更する |
<div class="container">
<form>
<fieldset>
<legend>フォーム</legend>
<label>テキストボックス</label>
<input type="text" class="form-control"><br>
<label>テキストエリア</label>
<textarea class="form-control"></textarea><br>
<label>セレクトボックス</label>
<select class="form-control">
<option>セレクト1</option>
<option>セレクト2</option>
</select>
<label>チェックボックス</label>
<input type="checkbox" class="form-control" value="1" checked="checked">
<input type="checkbox" class="form-control" value="2">
<input type="checkbox" class="form-control" value="3">
</fieldset>
</form>
</div>
<div class="container">
<form>
<fieldset>
<legend>フォーム</legend>
<label>テキストボックス</label>
<input type="text" class="form-control input-lg"><br>
<label>テキストエリア</label>
<textarea class="form-control input-lg"></textarea><br>
<label>セレクトボックス</label>
<select class="form-control input-sm">
<option>セレクト1</option>
<option>セレクト2</option>
</select>
<label>チェックボックス</label>
<input type="checkbox" class="form-control input-sm" value="1" checked="checked">
<input type="checkbox" class="form-control" value="2">
<input type="checkbox" class="form-control input-lg" value="3">
</fieldset>
</form>
</div>