title: My bootstrap modal doesn't appears in laravel
body: <p>I'm trying to create a bootstrap modal in laravel to edit sa post, the problem is that when I click the button or anchor the modal doesn't appears and in some cases it appears but then quickly it disappears I don't know where is the problem I'm new to laravel and I think the problem is with the links ...</p>
  
  <p><strong>app2.blade.php</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="csrf-token" content="{{ csrf_token() }}"&gt;
      &lt;title&gt;@yield('title')&lt;/title&gt;
      &lt;link rel="stylesheet" href="{{asset('css/app.css')}}"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div style="color: white; padding-left: 50px; padding-top: 5px; font-size: 20px; background-color: grey; width: 100%; height: 50px; text-align: left;" &gt;Brand&lt;/div&gt;
  
      &lt;div class="container"&gt;
  
  
          @yield('content')
  
      &lt;/div&gt;
      &lt;!--&lt;script
    src="http://code.jquery.com/jquery-3.3.1.js"
    integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
    crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;--&gt;
      &lt;!--&lt;script type="text/javascript" src="{{asset('js/app.js')}}"&gt;&lt;/script&gt;--&gt;
  
  &lt;script type="text/javascript" src="{{asset('js/jquery-3.1.1.min.js')}}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{asset('js/bootstrap.js')}}"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="{{asset('js/app_new.js')}}"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>dashboard.blade.php</strong></p>
  
  <pre><code>@extends('layouts.app2')
  @section('title')
  dashboard
  @endsection
  
  @section('content')
  &lt;h1&gt;Dashboard&lt;/h1&gt;&lt;br&gt;
  
  &lt;div class="row"&gt;
  
  &lt;div class="col-md-6 col-md-offset-6"&gt;
  
  &lt;div&gt;
      &lt;form action="{{url('/post')}}" method="post"&gt;
          {{csrf_field()}}
          &lt;div class="form-group"&gt;
          &lt;textarea class="form-control" name="body" id="" cols="50" rows="5"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
  
          &lt;button type="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;
          &lt;!--&lt;input type="hidden" value="{{Session::token()}}" name="_token"&gt;--&gt;
  
       &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;&lt;br&gt;&lt;br&gt;
  @foreach($posts as $post)
  &lt;div class="row"&gt;
  
  &lt;div class="col-md-6 col-md-offset-6"&gt;
  
  &lt;h3&gt;{{$post-&gt;body}}&lt;/h3&gt;
  &lt;p&gt;posted by {{$post-&gt;User-&gt;name}} on {{$post-&gt;created_at-&gt;diffForHumans()}}&lt;/p&gt;
  
  &lt;a href="" id="edit"&gt;Edit&lt;/a&gt; | &lt;a href="{{url('posts/delete/'.$post-&gt;id)}}"&gt;Delete&lt;/a&gt; | &lt;a href=""&gt;Like&lt;/a&gt; | &lt;a href=""&gt;Dislike&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;br&gt;
  @endforeach
  
  
  &lt;div class="modal" tabindex="-1" role="dialog"&gt;
    &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;h5 class="modal-title"&gt;Modal title&lt;/h5&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
            &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
          &lt;/button&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;p&gt;Modal body text goes here.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
          &lt;button type="button" class="btn btn-secondary" data-dismiss="modal"&gt;Close&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  @endsection
  </code></pre>
  
  <p><strong>app_new.js</strong></p>
  
  <pre><code>$('#edit').click(function(){
  $('#edit-modal').modal();
  
      });
  </code></pre>