Проблема с модификацией CSS Laravel

-3

Я загрузил шаблон для создания электронной коммерции, содержащий css js views и т. Д., Применимый к моему базовому проекту Laravel. Это выглядело очень хорошо, но я хотел бы внести некоторые изменения, например цвет фона. Однако, как только я попытался изменить какую-либо часть файла css, а затем отменил модификацию, просмотры веб-сайтов пошли очень плохо. изменения были отменены, но некоторые из эффектов, похоже, больше не работают после того, как я сделал такую модификацию, любое объяснение или решение для меня, чтобы отменить мою модификацию?Проблема с модификацией CSS Laravel

Я использовал MarkUps-dailyShop. Модифицированный style.css позволяет сказать удалить код, приведенные ниже в нем

#aa-header { 
    display: inline; 
    float: left; 
    width: 100%; 
}

даже если я отменить такое изменение, домашняя страница была некоторым ползун и выпадающего меню и раньше, но теперь все эти эффекты просто ушли и остались только словами и цвета.

Я использую Laravel 5.2

I место CSS и JS скрипт в layouts.app, как показано ниже

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1">  
     <title>Soyegg</title> 

     <!-- Font awesome --> 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous"> 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700"> 
     <!-- Bootstrap --> 
     <link href="{{public_path('css/bootstrap.css')}}" rel="stylesheet"> 
     <!-- SmartMenus jQuery Bootstrap Addon CSS --> 
     <link href="{{public_path('css/jquery.smartmenus.bootstrap.css')}}" rel="stylesheet"> 
     <!-- Product view slider --> 
     <link rel="stylesheet" type="text/css" href="{{public_path('css/jquery.simpleLens.css')}}">  
     <!-- slick slider --> 
     <link rel="stylesheet" type="text/css" href="{{public_path('css/slick.css')}}"> 
     <!-- price picker slider --> 
     <link rel="stylesheet" type="text/css" href="{{public_path('css/nouislider.css')}}"> 
     <!-- Theme color --> 
     <link id="switcher" href="{{public_path('css/theme-color/default-theme.css')}}" rel="stylesheet"> 
     <!-- <link id="switcher" href="css/theme-color/bridge-theme.css" rel="stylesheet"> --> 
     <!-- Top Slider CSS --> 
     <link href="{{public_path('css/sequence-theme.modern-slide-in.css')}}" rel="stylesheet" media="all"> 

     <!-- Main style sheet --> 
     <link href="{{public_path('css/style.css')}}" rel="stylesheet">  

     <!-- Google Font --> 
     <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> 
     <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> 
     <!-- datepicker --> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
     <link rel="stylesheet" href="/resources/demos/style.css"> 
     <!-- datepicker end --> 

     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
     <!--[if lt IE 9]> 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
     <![endif]--> 

<!-- contents--> 


@include('layouts.navbar') 

@yield('content') 

@include('layouts.footer') 

    <!-- jquery-2.2.4.min.js --> 
    <script src="{{ public_path('/js/jquery-2.2.4.min.js') }}"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <!-- Bootstrap.min.js --> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
    <!-- JavaScripts --> 
    {{-- <script src="{{ elixir('js/app.js') }}"></script> --}} 
    <script src="js/jquery.smartmenus.js"></script> 
    <!-- SmartMenus jQuery Bootstrap Addon --> 
    <script src="js/jquery.smartmenus.bootstrap.js"></script> 
    <!-- To Slider JS --> 
    <script src="js/sequence.js"></script> 
    <script src="js/sequence-theme.modern-slide-in.js"></script> 
    <!-- Product view slider --> 
    <script src="js/jquery.simpleGallery.js"></script> 
    <script src="js/jquery.simpleLens.js"></script> 
    <!-- slick slider --> 
    <script src="js/slick.js"></script> 
    <!-- Price picker slider --> 
    <script src="js/nouislider.js"></script> 
    <!-- Custom js --> 
    <script src="js/custom.js"></script> 

    </body> 
</html>

источник

2016-07-18 warmjaijai

Нам нужно знать: какой шаблон вы загрузили, какие файлы вы в точности изменили, использует ли он глоток? ты запустил глоток? Какую версию laravel вы используете, что вы уже пробовали, приводят примеры изменений кода ... –

Спасибо за ваше предложение, мое сообщение отредактировано как указано выше – warmjaijai

Как ваша настройка laravel? Этот шаблон, похоже, специфичен для бутстрапа, а не для laravel. Где вы разместили свои взгляды, css и т. Д., Как вы его загружаете? –

Я только что нашел, где проблема. Он работал снова после того, как я изменил public_path ('css/style.css') на url ('css/style.css') Является ли laravel не предполагаемым для чтения css по локальной директории?

источник

2016-07-18 08:50:53 warmjaijai

Проблема с модификацией CSS Laravel

ответ

Смежные вопросы