Bootstrap 表单控件尺寸

您所在的位置:网站首页 input框宽度怎么设置 Bootstrap 表单控件尺寸

Bootstrap 表单控件尺寸

2022-12-02 13:00| 来源: 网络整理| 查看: 265

高度输入和选择框

要更改输入元素的高度,请使用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