bootstarp 的表单控件大小设置和class='form

表单控件都正常的大小。可以通过设置控件的 height，line-height，padding 和 font-size 等属性来实现控件的高度设置。不过 Bootstrap 框架还提供了两个不同的类名，用来控制表单控件的高度。这两个类名是： 1、input-sm: 让控件比正常大小更小 2、input-lg: 让控件比正常大小更大

这两个类适用于表单中的 input，textarea 和 select 控件 <input class="form-control input-lg" type="text" placeholder="添加.input-lg，控件变大"> <input class="form-control" type="text" placeholder="正常大小"> <input class="form-control input-sm" type="text" placeholder="添加.input-sm，控件变小">

如果要控制 表单的 控件 宽度 可以使用： 如果表单使用了类名 “form-horizontal”，其中 “form-group” 就相当于网格系统中的 “row”。换句话说，如果没有这样做，要通过网格系统来控制表单控件宽度，就需要这样使用：

<form role="form" class="form-horizontal"> <div class="form-group"> <div class="col-xs-4"> <input class="form-control input-lg" type="text" placeholder=".col-xs-4"> </div> 。。。 或者是 row 如果不使用 form-group ： <div class="row"> <div class="col-xs-4"> <input class="form-control input-lg" type="text" placeholder=".col-xs-4"> </div>

相关知识

前端——table标签和form标签和控件：table,input的type类型，select和option,label，textarea
设置type=“range”为vertical
2024年前端最新前端解析支付宝返回form表单，自动跳转支付
LabVIEW界面设计之控件美化
10天手敲一个SpringBoot网上商城项目(七)——显示商品详情功能及加入购物车功能的实现
HTML网页设计：十一、表单
10天精通div+css网页设计课程
HTML前端基础小案例（满屋花）
一个用MFC的DC实现画图的工具带各种控件资源
“春天里的瑞士军刀”，《Spring实战》（二）

网址: bootstarp 的表单控件大小设置和class='form https://www.huajiangbk.com/newsview1074162.html