adminlte rails 边栏无法正常工作

Question

我环顾四周，但找不到这样的问题，可能是一个愚蠢的问题，但我找不到答案。

我刚刚安装了 "adminlte-rails" gem，当我为左侧边栏粘贴示例代码时，它可以正常工作，但框的颜色不正确，这是我正在使用的代码和结果:

示例代码：

<div class="main-sidebar">
  <!-- Inner sidebar -->
  <div class="sidebar">
    <!-- user panel (Optional) -->
    <div class="user-panel">
      <div class="pull-left image">
        <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
      </div>
      <div class="pull-left info">
        <p>User Name</p>

        <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
      </div>
    </div><!-- /.user-panel -->

    <!-- Search Form (Optional) -->
    <form action="#" method="get" class="sidebar-form">
      <div class="input-group">
        <input type="text" name="q" class="form-control" placeholder="Search...">
        <span class="input-group-btn">
          <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
        </span>
      </div>
    </form><!-- /.sidebar-form -->

    <!-- Sidebar Menu -->
    <ul class="sidebar-menu">
      <li class="header">HEADER</li>
      <!-- Optionally, you can add icons to the links -->
      <li class="active"><a href="#"><span>Link</span></a><</li>
      <li><a href="#"><span>Another Link</span></a></li>
      <li class="treeview">
        <a href="#"><span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
        <ul class="treeview-menu">
          <li><a href="#">Link in level 2</a></li>
          <li><a href="#">Link in level 2</a></li>
        </ul>
      </li>
    </ul><!-- /.sidebar-menu -->

  </div><!-- /.sidebar -->
</div><!-- /.main-sidebar -->

Expected result

My result

我尝试将相同的类应用于 body，但没有出现任何颜色。

谢谢！！

Answer 1

最后我找到了解决方案，当然很简单。

"adminlte-rails" gem 使用旧的 AdminLTE 版本（ 1.x ，实际上是 2.3 版本）所以 gem 侧边栏类与类我想我在我的代码中包含了。首先，我尝试手动将一个新的 "skins-blue.css" 文件导入到项目中，并且颜色有效，但是像 3 级菜单这样的功能不起作用，所以我决定删除 gem 并将 [=21] 添加到我的项目中=] 和 Js 文件，现在就像一个魅力。

感谢@sadaf2605 的回答。

问候

adminlte rails 边栏无法正常工作

adminlte rails sidebar not working properly

css

ruby-on-rails

adminlte