Bootstrap系列 -- 18. 表单控件大小
2024-10-03 05:52:34
前面看到的表单控件都正常的大小。可以通过设置控件的height,line-height,padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名,用来控制表单控件的高度。这两个类名是:
1. input-sm:让控件比正常大小更小
2. input-lg:让控件比正常大小更大
这两个类适用于表单中的input,textarea和select控件
<h1>案例1</h1>
<form role="form">
<div class="form-group">
<label class="control-label">控件变大</label>
<input class="form-control input-lg" type="text" placeholder="添加.input-lg,控件变大">
</div>
<div class="form-group">
<label class="control-label">正常大小</label>
<input class="form-control" type="text" placeholder="正常大小">
</div>
<div class="form-group">
<label class="control-label">控件变小</label>
<input class="form-control input-sm" type="text" placeholder="添加.input-sm,控件变小">
</div>
最新文章
- 页面中调用系统常用的对话框需要用到的classid
- docker创建镜像
- sql关键字的解释执行顺序
- Android Broadcast Receiver 使用入门
- hdu4935 Prime Tree(2014多校联合第七场)
- Activity详解
- js修改input的type属性问题
- 再回首,Java温故知新(二):Java基本数据类型
- LinkButton( 按钮)
- 使用Protel99 SE 拼板的详细图解(新加队列粘贴方法)
- SQL Identity自增列清零方法
- Maven入门指南 :Maven 快速入门及简单使用
- Go语言备忘录:net/http包的使用模式和源码解析
- Einbahnstrasse
- 关于JS数组的栈和队列操作
- javascript基础常识了解一下
- 安装cmake
- cmder个人配置文件,做个记录
- .whl文件打开方式 Python
- nohup: failed to run command `java&#39;: No such file or directory
热门文章
- Spring学习笔记之 Spring IOC容器(一)之 实例化容器,创建JavaBean对象,控制Bean实例化,setter方式注入,依赖属性的注入,自动装配功能实现自动属性注入
- Eclipse和MyEclipse 手动设置 Java代码 注释模板
- ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容
- puppet安装
- [测试] 试用Hadoop 2.2中的HDFS NFS
- nginx看端口使用情况
- sublime学习
- Android+Sqlite 实现古诗阅读应用(一)
- 【读书笔记《Android游戏编程之从零开始》】4.Android 游戏开发常用的系统控件(EditText、CheckBox、Radiobutton)
- C#泛型简化代码量示例