Twitter Bootstrap模式不起作用

我一直在尝试为我的设计和omniauth登录设置twitter bootstrap模式但没有成功。 我也尝试过几个教程，仍然无法让它们打开。

我的服务器日志中没有出现错误，只是以下内容：

"Processing by Devise::SessionsController#new as JS" 

我在application.coffee文件中需要twitter / bootstrap

 #= require_self #= require twitter/bootstrap #= require ./util #= require ./home and so on 

在我的application.html.slim中，我添加了两个额外的链接来登录/登录现有的链接，只是为了确保这些链接在删除旧的之前

 li = link_to "Login", new_user_session_path, :remote => true, 'data-toggle' => 'modal', 'data-target' => '#login_modal', :class => "btn btn-small", :method => 'get' li = link_to "Sign Up Free", new_user_session_path, :remote => true, 'data-toggle' => 'modal', 'data-target' => '#sign_up_modal', :class => "btn btn-small", :method => 'get' 

然后我的sign_up_modal和login_modal几乎完全相同。

 
 
 x 
Sign Up
 
 
  resource_name, :url => registration_path(resource_name)) do |f| %>  

  true %>
 
 
  
 
 
  
 
 
 
 
  'btn btn-small btn-success' %> 
 
 
 Close 
 
   

Answer 1

对于“登录”链接，如下图所示，

 li = link_to "Login", new_user_session_path, :remote => true, 'data-toggle' => 'modal', 'data-target' => '#login_modal', :class => "btn btn-small", :method => 'get' 

您需要拥有div id = login_modal （包含Login表单）例如：

对于“注册免费”链接，如下所示工作，

 li = link_to "Sign Up Free", new_user_session_path, :remote => true, 'data-toggle' => 'modal', 'data-target' => '#sign_up_modal', :class => "btn btn-small", :method => 'get' 

您需要拥有div id = sign_up_modal （包含注册表单）例如：