title: DataTables' Bootstrap Not showing in Laravel
body: <p>I want to use Datatable's Bootstrap for advance search in laravel.But it's not showing in my required page.</p>
  
  <p>Here is my app.blade.php code.</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;title&gt;Todo App&lt;/title&gt;
  
      &lt;link href="{{asset('/css/app.css')}}" rel="stylesheet"&gt;
  
      &lt;!-- Fonts --&gt;
      &lt;link href='//fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'&gt;
      &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/dataTables.bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"&gt;
  
      &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
          &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;nav class="navbar navbar-default"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
                      &lt;span class="sr-only"&gt;Toggle Navigation&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;a class="navbar-brand" href="#"&gt;Laravel&lt;/a&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;&lt;a href="/"&gt;Todo Application&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
  
                  &lt;ul class="nav navbar-nav navbar-right"&gt;
                      @if (Auth::guest())
                          &lt;li&gt;&lt;a href="/auth/login"&gt;Login&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="/auth/register"&gt;Register&lt;/a&gt;&lt;/li&gt;
                      @else
                          &lt;li class="dropdown"&gt;
                              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"&gt;{{ Auth::user()-&gt;name }} &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                              &lt;ul class="dropdown-menu" role="menu"&gt;
                                  &lt;li&gt;&lt;a href="/auth/logout"&gt;Logout&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                      @endif
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
      @if(count($errors)&gt;0)
          &lt;div class="alert alert-danger"&gt;
              &lt;strong&gt;Whoops!&lt;/strong&gt; Enter Valid Input&lt;/br&gt;
              &lt;ul&gt;
                  @foreach($errors-&gt;all() as $error)
                  &lt;li&gt;{{$error}}&lt;/li&gt;
                  @endforeach
              &lt;/ul&gt;
          &lt;/div&gt;
      @endif
      @if(Session::has('success'))
      &lt;div class="alert alert-success"&gt;
              {{Session::get('success')}}
      &lt;/div&gt;
      @endif
      @yield('content')
  
      &lt;!-- Scripts --&gt;
      &lt;script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="code.jquery.com/jquery-1.12.0.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.min.js&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is my home.blade.php where I want to use Datatables for searching:</p>
  
  <pre><code>@extends('app')
  
  @section('content')
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12 "&gt;
          &lt;div class="col-lg-12"&gt; 
              &lt;div  class="col-lg-6"&gt;
              &lt;form action="" method="POST" class="form-inline"&gt;
                  &lt;input type="hidden" name="_token" value="{{ csrf_token() }}"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;input type="text" name="name" class="form-control" placeholder="Enter a task name"&gt;&lt;/br&gt;
                      &lt;/br&gt;
                      &lt;input type="submit" class="btn btn-primary" value="Save"&gt;
  
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
  
              &lt;/div&gt; 
  
  
  
              &lt;h3&gt; Todo Application &lt;/h3&gt;
              &lt;table  class="table table-striped table-bordered"  id="example"&gt;
  
                  &lt;tr&gt;
                      &lt;td&gt;Serial No&lt;/td&gt;
                      &lt;td&gt;Task Name&lt;/td&gt;
                      &lt;td&gt;Status&lt;/td&gt;
                      &lt;td&gt;Action&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;?php $i=1; ?&gt;
                  @foreach($data as $row)
  
                      &lt;tr&gt;
                          &lt;td&gt;{{$i}}&lt;/td&gt;
                          &lt;td&gt;{{$row-&gt;name }}&lt;/td&gt;
                          &lt;td&gt;{{$row-&gt;status}}&lt;/td&gt;
                          &lt;td&gt;
                              &lt;a href="{{route('getEditRoute',$row-&gt;id)}}" class="btn btn-warning"&gt;Edit&lt;/a&gt;
                              &lt;form action="{{route('postDeleteRoute',$row-&gt;id)}}" method="POST" style="display:inline;" 
                              onsubmit="if(confirm('Are you sure?')) {return true} else {return false};"&gt;
                              &lt;input type="hidden" name="_token" value="{{ csrf_token() }}"&gt;
                              &lt;input type="submit" class="btn btn-danger" value="Delete"&gt;
                              &lt;/form&gt;
  
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;?php $i++; ?&gt;
  
                  @endforeach
  
              &lt;/table&gt;
              &lt;?php echo $data-&gt;render(); ?&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $(document).ready(function() {
      $('#example').DataTable();
  } );
  &lt;/script&gt;
   &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
    &lt;script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;script&gt;
    $(function() {
      $( "#datepicker" ).datepicker();
    });
    &lt;/script&gt;
  @endsection
  </code></pre>