navbar의 form_inline을 사용하여 로그인 양식을 작성하십시오.

Question

navbar의 form_inline으로 Devise 로그인 양식을 만들려고합니다. 이 점 A에서

이처럼 만든 : 네비게이션 바의 그림에 링크 그것은이 점처럼 보이는 :

<li><%= form_for(:user, :url => session_path(:user)) do |f| %> 
     <%= f.text_field :email, :placeholder => "Email" %> 
     <%= f.password_field :password, :placeholder => "Password" %> 
     <%= f.check_box :remember_me %><%= f.label :remember_me %> 
     <%= f.submit 'Login' %> 
    <% end %></li> 

나는 그냥 아주 행복하지 않다 : http://postimg.org/image/i3ka5fsur/ 는 코드를 가지고 그것은이 시점에서 볼 것, 내가 더 form_inline처럼 원하는 : 네비게이션 바의 그림에 링크처럼 나는 그것을보고 싶지하십시오 form_inline 코드가 http://postimg.org/image/7590n949f/

:

<form class="form-inline"> 
    <input type="text" class="input-small" placeholder="Email"> 
    <input type="password" class="input-small" placeholder="Password"> 
    <label class="checkbox"> 
    <input type="checkbox"> Remember me 
    </label> 
    <button type="submit" class="btn">Sign in</button> 
    </form> 

여러분 중 일부는 저를 도울 수 있기를 바랍니다. 저는 프로그래머가 새로워 프로그래머와 관련된 많은 경험이 없기를 바랍니다.

Answer 1

아래

<%= form_for(:user, :url => session_path(:user), html: { class: "navbar-form navbar-right form-inline" }) do |f| %> 
     <div class="form-group"> 
      <%= f.text_field :email, :placeholder => "Email", class: "form-control" %> 
     </div> 
     <div class="form-group"> 
      <%= f.password_field :password, :placeholder => "Password", class: "form-control" %> 
     </div> 
     <div class="checkbox"> 
      <%= f.check_box :remember_me %><%= f.label :remember_me %> 
     </div> 
     <%= f.submit 'Login', class: "btn btn-default" %> 
<% end %> 

트위터 부트 스트랩과 함께

Answer 2

당신은 당신처럼 요소에 클래스를 지정해야합니다 코드에서 그런 form_inline 클래스와 입력 소규모 수업 등 을 설명하는 CSS를 포함해야한다 트위터 bootstrap3와

<li><%= form_for(:user, :url => session_path(:user)), :class => "form-inline" do |f| %> 
    <%= f.text_field :email, :placeholder => "Email", :class => "input-small" %> 
    <%= f.password_field :password, :placeholder => "Password", :class => "input-small" %> 
    <%= f.check_box :remember_me, :class => "checkbox" %><%= f.label :remember_me, :class => "checkbox" %> 
    <%= f.submit 'Login', :class => "btn" %> 
<% end %></li>