您可以通过向 .input-group
添加相对表单大小的 class:
比如 .input-group-lg
、input-group-sm
、input-group-xs
来改变输入框组的大小。
输入框中的内容会自动调整大小。
尺寸
为 div .input-group
添加相应的尺寸类,其内部包含的元素将自动调整自身的尺寸。不需要为输入框组中的每个元素重复地添加控制尺寸的类。
下面的实例演示了这点:
<div class="input-group input-group-lg"> <span class="input-group-addon">@</span> <input type="text" class="form-control" placeholder="Username"> </div> <div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-control" placeholder="Username"> </div> <div class="input-group input-group-sm"> <span class="input-group-addon">@</span> <input type="text" class="form-control" placeholder="Username"> </div>