title: how to add css sripts and jquery scripts to Laravel @extends('layouts.app') @section('content')
body: <p>I need add following css and jquery scripts </p>
  
  <pre><code>&lt;script src="{{('http://code.jquery.com/jquery-latest.js')}}"&gt;&lt;/script&gt;
      &lt;script src="{{asset('js/jquery.bxSlider.js')}}"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        $(document).ready(function(){
          $('#slider').bxSlider({
          ticker: true,
          tickerSpeed: 5000,
        tickerHover: true
        });
        });
      &lt;/script&gt;
  
  &lt;link href="{{asset('css/style.css')}}" rel="stylesheet"&gt;
  </code></pre>
  
  <p>to app.blade.php file</p>
  
  <pre><code>  &lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
        &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
          &lt;!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --&gt;
          &lt;meta name="description" content=""&gt;
          &lt;meta name="author" content=""&gt;
          &lt;link rel="icon" href="{{asset('favicon.ico')}}"&gt;
  
          &lt;title&gt;Wealth &lt;/title&gt;
  
          &lt;!-- Bootstrap core CSS --&gt;
          &lt;link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet"&gt;
  
          &lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
          &lt;link href="{{asset('css/ie10-viewport-bug-workaround.css')}}" rel="stylesheet"&gt;
  
          &lt;!-- Just for debugging purposes. Don't actually copy these 2 lines! --&gt;
          &lt;!--[if lt IE 9]&gt;&lt;script src="../../assets/js/ie8-responsive-file-warning.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
          &lt;script src="{{asset('js/ie-emulation-modes-warning.js')}}"&gt;&lt;/script&gt;
  
          &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
      &lt;link href="{{asset('css/carousel.css')}}" rel="stylesheet"&gt;
  
      &lt;body&gt;
          @yield('content')
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;window.jQuery || document.write('&lt;script src="../../assets/js/vendor/jquery.min.js"&gt;&lt;\/script&gt;')&lt;/script&gt;
          &lt;script src="{{asset('js/bootstrap.min.js')}}"&gt;&lt;/script&gt;
          &lt;!-- Just to make our placeholder images work. Don't actually copy the next line! --&gt;
          &lt;script src="{{asset('js/vendor/holder.min.js')}}"&gt;&lt;/script&gt;
          &lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
          &lt;script src="{{asset('js/ie10-viewport-bug-workaround.js')}}"&gt;&lt;/script&gt;
        &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>and need above css and jquery pass to another blade file as @extends('layouts.app') and @section('content') how can do it??? without @extends('layouts.app') and @section('content') it is working but with @extends('layouts.app') and @section('content') it it not working.......</p>