元素大小的改变方式使用

表单控件都是默认正常的大小&＃xff0c;Bootstrap提供了另外两个样式类来改变表单元素的大小。

input-sm&＃xff1a;让控件比正常大小更小。

input-lg&＃xff1a;让控件比正常大小更大。

以上两个样式适用于input、textarea和select控件。这两个样式主要改变了height、line-height、padding、font-size等样式属性&＃xff0c;代码如下&＃xff1a;

改变输入框大小

源代码

上面的代码只能改变输入框的大小&＃xff0c;label标签的大小并未改变。Bootstrap提供了两个类"form-group-lg"和"form-group-sm"&＃xff0c;可以快速设置容器中表单元素的大小&＃xff0c;代码如下&＃xff1a;

源代码

表单元素大小