Bootstrap 表单控件尺寸 |
您所在的位置:网站首页 › input框宽度怎么设置 › Bootstrap 表单控件尺寸 |
高度输入和选择框 要更改输入元素的高度,请使用Bootstrap的控件尺寸类: input-lg用于比默认大小更大的输入元素。input-sm用于比默认大小更小的输入元素。这里有一些使用中的例子: $(document).ready(function(){ $(".myDropdownHandle").dropdown("toggle"); }); 例我们可以控制输入的高度和选择框以匹配按钮大小。.input-lg,.input-sm可以在和框中使用,以创建更大或更小的尺寸。 .bs-example{ margin: 20px; } Larger select Default select Smaller select 输入框、文本区域和选择框的网格尺寸我们可以将表单控件的尺寸与Bootstrap网格列尺寸相匹配。封装表单控件如,和在网格列或任何自定义元素中,并对其应用网格类。 .bs-example{ margin: 20px; } ;textarea class="form-control";;/textarea; ;textarea class="form-control";;/textarea; ;textarea class="form-control";;/textarea; Select Select Select 输入组的高度我们可以将相关表单尺寸类添加到 .input-group以使其更大或更小。 .input-group中的内容将自动调整大小。 .bs-example{ margin: 20px; } Action Toggle Dropdown Action Another action Separated link Action Toggle Dropdown Action Another action Separated link Action Toggle Dropdown Action Another action Separated link |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |