Bootstrap3 表单-水平排列的表单

通过为表单添加 .form-horizontal 类，并联合使用 Bootstrap 预置的栅格类，可以将 label 标签和控件组水平并排布局。这样做将改变 .form-group 的行为，使其表现为栅格系统中的行（row），因此就无需再额外添加 .row 了。

<form class="form-horizontal" role="form"><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">Email</label><div class="col-sm-10"><input type="email" class="form-control" id="inputEmail3" placeholder="Email"></div></div><div class="form-group"><label for="inputPassword3" class="col-sm-2 control-label">Password</label><div class="col-sm-10"><input type="password" class="form-control" id="inputPassword3" placeholder="Password"></div></div><div class="form-group"><div class="col-sm-offset-2 col-sm-10"><div class="checkbox"><label><input type="checkbox"> Remember me</label></div></div></div><div class="form-group"><div class="col-sm-offset-2 col-sm-10"><button type="submit" class="btn btn-default">Sign in</button></div></div>
</form>

—–下面有个“顶”字，你懂得O(∩_∩)O哈哈~
—–乐于分享，共同进步！
—–更多文章请看：http://blog.csdn.net/duruiqi_fx

转载于:https://www.cnblogs.com/hainange/p/6153740.html

Bootstrap3 表单-水平排列的表单相关推荐

php生成值班表,EXCEL表制作自动排列值班表【excel值班表表格制作教程】
怎么用excel排值班表方法/步骤 1 制作值班式 2 在单 F2中输入:=TODAY(),单元格格示如图合A1-C1,在单元格中输入:=TODAY(),单元格格式显示如图在I-N,栏中创建值 ...
Bootstrap中水平排列的表单form-inline
1 <html> 2 <head> 3 <title>初识Bootstrap</title> 4 <meta charset="utf- ...
bootstrap-表单控件——单选按钮水平排列
1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head><meta charset="utf-8" ...
物理机存放mysql实例原则_MySQL优化笔记（四）--表的设计与优化（单表、多表）...
前面讲了SQL优化以及索引的使用.设计优化了,那么接下来就到表的设计与优化啦!!!真实地去设计优化单表结构以及讲述多表设计基本原则(结合真实的生产环境的取舍来讲述). 文章结构:(1)单表设计与优化: ...
分步表单_表单设计-掌握表单设计方法（表单体验篇）
全篇阅读大概需要15min,对表单设计不熟悉的同学看完后肯定会有不少的收获~~~ 说到表单其实在生活中可以接触到各种各样的表单,比如:驾照申请表.体检表.银行开户需要填写的表等等,这些都是表单,主要目 ...
面向考试数据库—单表查询（包含建表数据）
面向考试数据库-单表查询(包含建表数据) 引言 ● 建立练习数据库(之后习题亦是基于该库) 建表源码单表查询知识点汇总单表查询练习题32道 (1)选取表中的若干列 (2)选择表中若干元祖 (3)o ...
java jquery提交表单_Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
表操作，数据操作，单表查询，python操作数据库
1.表操作创建 create table 删除 drop table 查看表结构 desc 表/show create table 表修改 alter table 表名 rename 新表名 al ...
用php实现一个简易的web表单生成器,PHP—Web表单生成器
1.实例: 2. 需求分析在项目的实际开发中,经常需要设计各种各样表单.直接编写HTML表单虽然简单,但修改.维护相对麻烦. 因此,可以利用PHP实现一个Web表单生成器,使其可以根据具体的需求定制 ...
html 查询表单,如何让我的HTML表单查询适用于所有表单元素？
我有一个HTML表单.在那里,我有四种不同类型的连接到数据库表的字段,并且应该根据用户的选择将结果呈现给HTML表单域.如何让我的HTML表单查询适用于所有表单元素? 我有开始和结束日期字段. Sta ...

Bootstrap3 表单-水平排列的表单

Bootstrap3 表单-水平排列的表单相关推荐

最新文章

热门文章