Bootstrap3 表单-水平排列的表单组的尺寸
2016-12-29 16:34
232 查看
通过添加 .form-group-lg 或 .form-group-sm 类,为 .form-horizontal 包裹的 label 元素和表单控件快速设置尺寸。
<form class="form-horizontal" role="form"> <div class="form-group form-group-lg"> <label class="col-sm-2 control-label" for="formGroupInputLarge">Large label</label> <div class="col-sm-10"> <input class="form-control" type="text" id="formGroupInputLarge" placeholder="Large input"> </div> </div> <div class="form-group form-group-sm"> <label class="col-sm-2 control-label" for="formGroupInputSmall">Small label</label> <div class="col-sm-10"> <input class="form-control" type="text" id="formGroupInputSmall" placeholder="Small input"> </div> </div> </form>
相关文章推荐
- bootstrap-表单控件——单选按钮水平排列
- Bootstrap3 表单-水平排列的表单
- Bootstrap实现水平排列的表单
- BootStrap 表单控件之单选按钮水平排列
- Bootstrap3 表单-水平排列的表单
- Bootstrap实现水平排列的表单
- bootstrap 水平排列表单
- Bootstrap中水平排列的表单form-inline
- bootstrap-为水平排列的表单和内联表单设置可选的图标
- bootstrap为水平排列的表单和内联表单设置可选的图标
- Bootstrap3 表单-调整列(column)尺寸
- bootstrap-水平表单
- Bootstrap3 栅格系统-实例:从堆叠到水平排列
- bootstrap-内联表单 水平(横向)表单 响应式图片 辅助类 [转]
- Bootstrap3 栅格系统-实例:从堆叠到水平排列
- Bootstrap水平表单
- bootstrap 水平表单
- Bootstrap 表单控件的尺寸
- Bootstrap关于表单(二):水平表单
- bootstrap-内联表单 水平(横向)表单 响应式图片 辅助类