2014-04-05 84 views
1

我試圖結合引導3表單設計的水平內聯功能!Bootstrap內聯水平表單設計

這是我目前,你可以看到,我已經創建了一個在線的形式

enter image description here

我想要的複選框元素和一個錨標記忘記這樣的密碼選項。 我發現了什麼,我想@ FB登錄表單設計的例子

enter image description here

我已經把我的代碼@Bootply Example

任何幫助將是很好的傢伙!

+0

Facebook的使用表來獲得這種形式。你也可以使用。 – zkanoca

+0

是的,先生:)我知道它!我想要一個'bootstrap'這樣做的方式:)無論如何,我會嘗試現在:) –

回答

2

這是我可以用純自舉辦:

<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