手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

元素大小的改变方式使用

时间:2024-10-31 23:13:00

1、表单控件都是默认正常的大小,Bootstrap提供了另外两个样式类来改变表单元素的大小。 input-sm:让控件比正常大小更小。 input-lg:让控件比正常大小更大。以上两个样式适用于input、textarea和select控件。这两个样式主要改变了height、line-height、padding、font-size等样式属性,代码如下:

元素大小的改变方式使用
元素大小的改变方式使用

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

元素大小的改变方式使用
元素大小的改变方式使用
© 手抄报圈