引导直列卧式造型设计(Bootstrap Inline-Horizontal Form Design

我想结合的引导3表单设计水平内嵌功能！

这是我目前有，你可以看到，我已经创建了一个在线的形式

我想复选框元素像这样忘记密码选项一个锚标记。 我发现了什么，我想@ FB登录表单设计实例

我已经把我的代码@ Bootply例

任何帮助将是很好的家伙！

Answer 1:

这是我可以用纯引导做：

<form class="form-inline" role="form">
    <div class="form-group">
        <label label-default="" class="sr-only" for="exampleInputEmail2">Email address</label>
        <input class="form-control" id="exampleInputEmail2"
        placeholder="Enter email" type="email">
      <div class="clearfix"></div>
      <div class="checkbox">
        <label>
            <input type="checkbox">Remember me</label>
    </div>
    </div>
    <div class="form-group">
        <label label-default="" class="sr-only" for="exampleInputPassword2">Password</label>
        <input class="form-control" id="exampleInputPassword2"
        placeholder="Password" type="password">
      <div class="clearfix"></div>
          <div>
              <a href="#">forgot password?</a>
        </div>
    </div>

    <button type="submit" class="btn btn-primary btn-lg">Sign in</button>
</form>

http://www.bootply.com/127634

文章来源: Bootstrap Inline-Horizontal Form Design