转载

输入框组的尺寸大小

输入框组的大小

您可以通过向 .input-group 添加相对表单大小的 class:
比如 .input-group-lginput-group-sminput-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> 
正文到此结束
Loading...