2015-06-30 75 views

回答

8

得到這個實現就在昨天晚上。這是我做到的。

粘貼到您的Gemfile :

gem 'bootstrap-sass' 
gem 'jquery-rails' 
gem 'font-awesome-sass' 

source 'https://rails-assets.org/' do 
    gem 'rails-assets-adminlte' 
end 

粘貼下面以app/assets/javascripts/application.js

//= require adminlte 

粘貼下面以app/assets/stylesheets/application.css

*= require adminlte 
*= require skin-blue 

創建一個新的文件app/assets/stylesheets/custom.css.scss並粘貼以下:

@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "font-awesome-sprockets"; 
@import "font-awesome"; 

從AdminLTE的源代碼,該代碼單獨下載,你可以從你在你的問題中提到的鏈接獲取,瀏覽到

dist/css/skin 

和複製文件skin-blue.css並粘貼到vendor/assets/stylesheets/您的rails項目

然後打開AdminLTE源代碼中的starter.html,並粘貼<body> ......... </body>中的內容並將其粘貼到01中的<body> ................ </body>中。修改body標籤向<body class="skin-blue sidebar-mini">

運行bundle install安裝附帶的寶石,然後通過運行rails s重啓軌服務器,你應該看到了美麗的模板是AdminLTE

注1:可能存在其他更有效的方式來做到這一點。我不知道,如果有人知道,我會很高興知道它是如何完成的。在此之前,這對我來說非常合適,我希望它能爲您節省一些寶貴的時間。注意2:當然,您可以通過更改vendor/assets/stylesheets中包含的樣式表文件並對app/assets/stylesheets/application.css文件進行必要的修改,從而根據自己的喜好更改其外觀。不要忘了更改類的<body > .......</body>在你app/views/layouts/application.html.erb文件

+0

它可以在本地系統,但送禮者錯誤罰款,同時部署 「鏈輪:: FileNotFound:找不到文件‘adminlte’型‘的應用程序/ JavaScript的’」 –

+0

@MuhammadFaisalIqbal加入這行'// =需要bootstrap-sprockets'到你的application.js –

1

不需要「皮膚blue.css」複製到

vendor/assets/stylesheets/ 

粘貼下面以應用程序/資產/樣式表/應用。CSS

//= require adminlte/skins/skin-blue