个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我是 Ruby on Rails 的新手，想安装一个名为 AdminLTE 的免费模板。它允许您轻松创建应用程序(前端)。
我想将它集成到 Rails 中，但我不知道怎么做，也找不到任何解决方案。
如果有人可以帮助我，那就太棒了。
最佳答案
昨晚才实现。以下是我的做法。
将此粘贴到您的 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 并将其粘贴到您的 rails 项目中的 vendor/assets/stylesheets/ 中
然后打开AdminLTE源代码中的starter.html，将<body> ......... </body>内的内容粘贴到<body> ................ </body>的app/views/layouts/application.html.erb内。修改body标签为<body class="skin-blue sidebar-mini">
通过运行 bundle install 安装包含的 gem，然后通过运行 rails s 重新启动 rails 服务器，您应该会看到漂亮的 AdminLTE 模板
注意 1:也许存在其他更有效的方法。我不知道，如果有人知道，我会很高兴了解它是如何完成的。在那之前，这对我来说非常有效，我希望它能为你节省一些宝贵的时间。
注意 2:您当然可以通过更改包含在 vendor/assets/stylesheets 中的样式表文件并对 app/assets/stylesheets/application.css 文件进行必要的修改来根据自己的喜好更改皮肤。不要忘记在你的 <body > .......</body> 文件中更改 app/views/layouts/application.html.erb 的类
关于ruby-on-rails - 将 AdminLTE 集成到 Ruby on Rails，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31150408/
27
4
0
似乎Admin LTE设置了min-height ` 和侧边栏的值。出于某种原因，在我的例子中，这个值计算得比它应该的要高得多，这导致侧栏不必要地长。请参阅下面的屏幕截图。 如何解决这个问题？ 最佳答
如何修复左侧导航。我正在使用 Nuget 的 AdminLTE 2.0。 错误是当我切换侧边时它会折叠整个侧边栏。但是模板在切换时应该部分折叠侧边栏。我用了 编辑 我尝试下载模板，它运行良好，我在正
我是 ReactJS 的新手。我想在我的项目中使用 ReactJS-AdminLTE。谁能告诉我如何逐步使用它。 我遵循的步骤 1) 我使用 https://www.tutorialspoint.co
我正在使用 AdminLTE 仪表板。在侧边栏 TreeView 菜单中，单击菜单后删除事件类。 AdminLTE 最佳答案 将此 JavaScript 添加到页脚 *this works for a
有没有办法去掉 “准备好出售您的主题了吗？现在就将您的主题提交到我们的新市场，让超过 20 万访问者看到它!让我们开始吧!" 来自 AdminLte。 下面是消息的图像。 最佳答案 您可以从 admi
AdminLTE 一个基于 Bootstrap 的管理模板。 我想知道是否可以使 box-widget 扩展到全屏模式(第二个按钮)。 我正在寻找是否有任何 CSS 类或 JavaScript 提示可
我的 AdminLTE 迷你边栏出现了这个奇怪的问题(当我按下“切换”按钮时)。 在正常模式下工作正常，但当我折叠侧边栏时，标题和树之间的这个空间出现，这会扰乱功能，因为当我将指针移到该空间菜单上时，
目前我正在使用 adminlte 模板，我想制作一个具有粘性行为的元素，但我不知道即使放在不同的 div 中我也做不到。 我想把粘性 div 放在导航栏下面(在这个橙色的 div 中): CSS: .
所以我正在尝试使用 adminlte 模板创建数据表: var tblCardHistory; tblCardHistory = $("#cardhistorynew-table").DataTabl
AdminLTE 基于 Bootstrap:https://github.com/almasaeed2010/AdminLTE 实时预览: http://almsaeedstudio.com/prev
我为我的复选框使用了iCheck类: ... ... ... ... ... $(function() { $("span
在 AdminLTE 主题中，当我折叠边栏时，它会将菜单标题隐藏在右拉容器图标下。请检查下图以获得清晰的想法。 Error Image 是否可以换行？ 这是我的代码:
我环顾四周，但找不到这样的问题，可能是一个愚蠢的问题，但我找不到答案。 我刚刚安装了“adminlte-rails”gem，当我将示例代码粘贴到左侧边栏时，它可以正常工作，但框的颜色不正确，这是我正在
我整个晚上都遇到这个问题。我将单击按钮，但我没有收到任何数据或警报。请帮我。所以很抱歉我的英语不好。我会努力学习。 $(document).ready(function() { $("
我正在尝试使用切换按钮打开和关闭侧边栏，并且在侧边栏打开的同时我希望它在我们单击正文时关闭。问题是当我点击正文关闭侧边栏时，它实际上运行良好但切换按钮似乎根本不起作用(我的意思是只有切换按钮的关闭事件
在 AdminLTE 主题中，当标题很长时，侧边栏菜单标题无法正确显示，它会中断行并在图标下方显示文本。我希望它从第一行的第一个字母下方开始我附上了截图图片中的“consetetur”应该从“Lore
我正在尝试将 AdminLTE3 用作 laravel 中的管理面板，并且我有导航项链接，当我单击它们时它们不会激活。我不知道如何解决这个问题。我使用了 adminLTE3 的 starter.htm
如何删除 AdminLTE 的 content-wrapper 类中的 min-height 样式。我遇到的问题是右侧栏太长，而我的页面不需要它。 当我调试并关闭最小高度时，一切看起来都很好。 我的代
我正在使用来自 adminlte 的折叠框模板。我有一个问题，当我第一次想显示这个框时(点击 - 之后)，动画不起作用并且内容立即显示。再次点击后它开始工作。谁能帮我立即初始化动画？... jsfid
我有以下布局，它是 AdminLTE boxed layout template 的一个改动: HTML Header Left bar
我是一名优秀的程序员,十分优秀！