在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件：
1、在<form>元素是使用类名“form-horizontal”。
在<form>元素上使用类名“form-horizontal”主要有以下几个作用：
(1)、设置表单控件padding和margin值。
(2)、改变“form-group”的表现形式，类似于网格系统的“row
2、配合Bootstrap框架的网格系统。（网格布局会在以后的章节中详细讲解）
3.在Bootstrap框架中实现这样的表单效果是轻而易举的，你只需要在<form>元素中添加类名“form-inline”即可。
内联表单实现原理非常简单，欲将表单控件在一行显示，就需要将表单控件设置成内联块元素（display:inline-block）。
如果你要在input前面添加一个label标签时，会导致input换行显示。如果你必须添加这样的一个label标签，并且不想让input换行，你需要将label标签也放在容器“form-group”中，如：
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Email address</label>
</div>
<div class="form-group">
<inputtype="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
</div>
实例:
<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>内联表单</title>
<link rel=”stylesheet” href=”//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css”>
</head>
<body>
<form class=”form-inline” role=”form”>
<div class=”form-group”>
<label class=”sr-only” for=”exampleInputEmail2″>邮箱</label>
<input type=”email” class=”form-control” id=”exampleInputEmail2″ placeholder=”请输入你的邮箱地址”>
</div>
<div class=”form-group”>
<label class=”sr-only” for=”exampleInputPassword2″>密码</label>
<input type=”password” class=”form-control” id=”exampleInputPassword2″ placeholder=”请输入你的邮箱密码”>
</div>
<div class=”checkbox”>
<label>
<input type=”checkbox”> 记住密码
</label>
</div>
<button type=”submit” class=”btn btn-default”>进入邮箱</button>
</form>
</body>
</html>