I'm trying to apply a HTML Bootstrap theme to a Rails application where I use HAML. The result can be found here: http://imgur.com/hhprZgh.
There seem to be some places in the code where I'm not converting it properly. Can you point out where those places might be? I can see in the console that all CSS files are loaded properly. Don't mind the fonts for now.
Thanks!
(It's the Moltran Responsive Admin Theme I'm using)
HAML:
.wrapper-page .panel.panel-color.panel-primary.panel-pages .panel-heading.bg-img .bg-overlay %h3.text-center.m-t-10.text-white Sign In to Founderdocs .panel-body = form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %fieldset.form-control.input-lg .col-xs-12 = f.label :email = f.email_field :email, placeholder: User.human_attribute_name('email'), class: 'form-control' %fieldset.form-control.input-lg .col-xs-12 = f.label :password = f.password_field :password, placeholder: User.human_attribute_name('password'), class: 'form-control' .form-group .col-xs-12 - if devise_mapping.rememberable? .checkbox.checkbox-primary = f.label :remember_me do = f.check_box :remember_me Remember me .form-group.text-center.m-t-40 .col-xs-12 = f.submit t('.sign_in'), class: 'btn btn-primary' .form-group.m-t-30 .col-sm-7 %i.fa.fa-lock.m-r-5 = render 'devise/shared/linkdump' .col-sm-5.text-right %a{:href => "register.html"} Create an accountHTML:
<div class="wrapper-page"> <div class="panel panel-color panel-primary panel-pages"> <div class="panel-heading bg-img"> <div class="bg-overlay"></div> <h3 class="text-center m-t-10 text-white"> Sign In to <strong>Moltran</strong> </h3> </div> <div class="panel-body"> <form class="form-horizontal m-t-20" action="index.html"> <div class="form-group"> <div class="col-xs-12"> <input class="form-control input-lg" type="text" required="" placeholder="Useame"> </div> </div> <div class="form-group"> <div class="col-xs-12"> <input class="form-control input-lg" type="password" required="" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-xs-12"> <div class="checkbox checkbox-primary"> <input id="checkbox-signup" type="checkbox"> <label for="checkbox-signup"> Remember me </label> </div> </div> </div> <div class="form-group text-center m-t-40"> <div class="col-xs-12"> <button class="btn btn-primary btn-lg w-lg waves-effect waves-light" type="submit">Log In</button> </div> </div> <div class="form-group m-t-30"> <div class="col-sm-7"> <a href="recoverpw.html"><i class="fa fa-lock m-r-5"></i> Forgot your password?</a> </div> <div class="col-sm-5 text-right"> <a href="register.html">Create an account</a> </div> </div> </form> </div> </div>
</div>