adminlte rails sidebar не работает должным образом

Question

Я огляделся, но не смог найти проблему вроде этого, возможно, это глупо, но я не смог найти ответ.

Я только что установил «adminlte рельсы» драгоценный камень, когда я вставить пример код для левой боковой панели он работает, но коробки не окрасочные правильно, вот код, я использую и результат:

Пример кода:

<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

Я пытался применять одни и те же классы в Ь ody, но никаких цветов не появилось.

Спасибо!

Answer 1

Наконец-то я нашел решение, и, конечно же, было легко.

«adminlte-rails» gem работает со старой версией AdminLTE (1.x, фактически версия 2.3), поэтому классы боковых панелей gems были разными для классов, которые я включал в свой код, я думаю. Сначала я попытался вручную импортировать свежий файл «skins-blue.css» в проект, а цвет работал, но функции, такие как 3 уровня, не работали, поэтому я решил удалить камень и включить в свой проект файлы CSS и Js и теперь работает как шарм.

Спасибо @ sadaf2605 за ответ.

Отношения