表单控件大小
来源:互联网 发布:ubuntu numix主题包 编辑:程序博客网 时间:2024/06/06 04:56
前面看到的表单控件都正常的大小。可以通过设置控件的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,控件变小">
不管是“input-sm”还是“input-lg”仅对控件高度做了处理。但往往很多时候,我们需要控件宽度也要做一定的变化处理。这个时候就要借住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,控件变小">
不管是“input-sm”还是“input-lg”仅对控件高度做了处理。但往往很多时候,我们需要控件宽度也要做一定的变化处理。这个时候就要借住Bootstrap框架的网格系统。所以你要控制表单宽度,可以像下面这样使用:
<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> <div class="col-xs-4"> <input class="form-control input-lg" type="text" placeholder=".col-xs-4"> </div> <div class="col-xs-4"> <input class="form-control input-lg" type="text" placeholder=".col-xs-4"> </div> </div> …<</form>
0 0
- 表单控件大小
- 表单控件
- mySQL表单的大小
- 拖放控件改变控件大小
- 改变大小控件
- 控件拖动、调整大小
- 改变大小控件
- 控件自适应窗口大小
- 如何获得控件大小
- Sendmessage改变控件大小
- 动态改变控件大小
- silverlight 控件大小自适应
- 控件大小 mfc
- 动态改变控件大小
- 苹果控件的大小
- C# 控件大小异常
- android 动态控件大小
- Pictrue控件调整大小
- Java unix时间戳 移除秒毫秒部分
- 一致性哈希算法
- 二分贪心 T题
- setenforce: SELinux is disabled解决办法
- mybatis常见错误(文件配置)
- 表单控件大小
- Linux 文本处理工具
- ubuntu indigo skeleton tracker(骨骼跟踪)
- python使用opencv2人脸识别
- 表单控件状态(禁用状态)
- pandas数据预处理之dataframe的groupby操作
- 1047: 阿姆斯特朗数
- Python:类型
- 18. 4Sum