如何在Ruby-on-Rails應用程序中添加SB-admin v2

我是Ruby on Rails的noob。我想在我的RoR應用程序中使用SB Admin v2 Themes。我下載了它，我不知道下一步該做什麼。如何在Ruby-on-Rails應用程序中添加SB-admin v2

順便說一句，我有寶石bootstrap-sass在我的Gemfile。

2015-05-22 do_Ob

我認爲你必須蘆葦一些教程。你有任何語言框架的經驗嗎？ – inye

你可以給我一些示例教程的鏈接嗎？這是我的第一個Web應用程序，並且第一次使用Ruby on Rails。謝謝。我試圖複製** dist **文件夾，但圖標不工作，我必須將_fa fa-user fa-fw_改爲_glyphicon glyphicon-user_，並且一些側邊欄功能也無法正常工作。 –

你對任何語言的框架有任何經驗嗎？ – inye

我所做的是：

創建的管理員SB 2模板
的index.html的設置在底座標記的admin.html.erb佈局看看js的和css文件包含在模板中，並將它們放在供應商/資產中相應的dirs中
在application.js和application.scss清單中添加相應的requiere並導入
在您確實需要Morris圖表之前，請不要包含Morris圖表的資產。
在文件sb-admin-2.js中刪除爲菜單添加actic css類的行。

使用簡單導航寶石實現菜單。它看起來像

# encoding: utf-8 

SimpleNavigation::Configuration.run do |navigation| 
    navigation.items do |primary| 
    primary.item :dashboard, 'Inicio', admin_path, link_html: {icon_class: 'dashboard'} 
    primary.item :clients, t_title('routes.clients'), admin_clients_path, link_html: { link_active: current_page?(admin_clients_path), icon_class: 'users' } do | clients | 
     clients.item :clients_new, t_title('routes.new'), new_admin_client_path 
    end 
    end 
end 

SimpleNavigation.register_renderer admin_sidebar: Sb2AdminSidebarRenderer 
SimpleNavigation.config.selected_class = 'active'

好景不長，而是介於步驟之間上面你會創建一個側面菜單，導航欄頂部等

來源

2015-05-24 21:51:54

謝謝^ _ ^讓我走在正確的道路上^ _ ^這就是我正在做的事情，我不知道我是否做得對。是的，我沒有包括莫里斯，因爲Mentismenu不會工作。還有一件事，我必須下載font-awesome嗎？因爲我在CSS，JS和示例html中找到了它，所以它在圖標中使用** fa **而不是** glyphicon **無論如何感謝您的幫助。 –

我試過[這]（http://stackoverflow.com/questions/11052398/rails-using-font-awesome），它現在正在工作^ _^...再次感謝你 –

嘗試涼亭護欄的諧音 - 它有SB -admin-2包。

見例如http://makandracards.com/makandra/28851-managing-vendor-assets-in-rails-with-bower

來源

2016-02-22 12:04:04 Anton

我來到了這個問題，雖然已經得到了迴應，如果有人在同樣的情況可能會有所幫助，前一段時間我已經開發了寶石添加所有在SB-管理-2主題的資產，在這裏你有它：https://github.com/dreamingechoes/bootstrap_sb_admin_base_v2

此行添加到您的應用程序的Gemfile：

gem 'bootstrap_sb_admin_base_v2'

然後前ecute：

$ bundle

或者自行安裝爲：

$ gem install bootstrap_sb_admin_base_v2

然後，添加到您的application.js文件這樣的：

//= require bootstrap_sb_admin_base_v2

這行成你的application.css文件：

*= require bootstrap_sb_admin_base_v2

而且您已準備好在您的Rails應用程序中使用基於Bootstrap的管理主題SB Admin 2的HTML結構。

問候！ :)

來源

2016-06-12 22:28:00

我使用這個寶石，它是大！ –

如何在Ruby-on-Rails應用程序中添加SB-admin v2

回答

相關問題