app/views/users/sessions/new.html.erb
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1" id="wsp-login">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
<h4><%= t('host_name') %></h4>
<h1><%= t('website_name') %></h1>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class=" text-center subheadline--wrapper">
<p class="lead"><%= t('.sign_in', :default => "Sign in") %></p>
</div>
<div class="row spacer-30"></div>
<div class="panel panel-default devise-bs panel-body">
<%= form_for(resource, as: resource_name, url: session_path(resource_name), html: { role: "form" }) do |f| %>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<%= f.label :email %>
<%= f.email_field :email, autofocus: true, class: "form-control", id: "login_email" %>
</div>
<div class="form-group">
<%= f.label :password %>
<%= f.password_field :password, autocomplete: "off", class: "form-control", id: "login_password" %>
</div>
<% if devise_mapping.rememberable? %>
<div class="checkbox" id="wsp-login-remember-me">
<%= f.label :remember_me do %>
<%= f.check_box :remember_me %> <%= t('.remember_me', :default => "Remember me") %>
<% end %>
</div>
<% end %>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<%= f.submit t('.sign_in', :default => "Sign in"), class: "btn btn-primary", id: "login_submit" %>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-right">
<%= render "devise/shared/links" %>
</div>
</div>
<% end %>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="text-center subheadline--wrapper">
<p class="lead "><%= I18n.t('.start_page.register_now', :default => "Sign up") %></p>
</div>
<div class="row spacer-30"></div>
<div class="panel panel-default devise-bs panel-body">
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), html: { role: "form" }) do |f| %>
<div class="form-group">
<%= f.label :email %>
<%= f.email_field :email, autofocus: true, class: "form-control", id: "sign_up_email" %>
</div>
<div class="form-group">
<%= f.label :password %>
<%= f.password_field :password, class: "form-control", id: "sign_up_password" %>
</div>
<div class="form-group">
<%= f.label :password_confirmation %>
<%= f.password_field :password_confirmation, class: "form-control", id: "sign_up_password_confirmation" %>
</div>
<%= f.submit t('.sign_up', :default => "Sign up"), class: "btn btn-primary", id: "sign_up_submit" %>
<% end %>
</div>
</div>
</div>
</div>
</div>