title: Bootstrap javascript loaded but not working
body: <p>I'm trying the new Bootstrap but I have a problem with the JavaScript. I loaded it with the three lines at the end of my <code>&lt;body&gt;&lt;/body&gt;</code> :</p>
  
  <pre><code>&lt;script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And tested it with a dropdown... Which doesn't work. I'm working with Laravel and Blade, that's may be the reason, no ?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;@yield('title')&lt;/title&gt;
  
          &lt;meta charset="utf-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
  
          &lt;!-- CSS --&gt;
          &lt;link rel="stylesheet" href="{{ asset('css/app.css') }}"&gt;
          &lt;link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;!-- Content --&gt;
          &lt;main class="container"&gt;
              @yield('main')
          &lt;/main&gt;
  
          &lt;div class="dropdown"&gt;
              &lt;button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
                  Dropdown button
              &lt;/button&gt;
              &lt;div class="dropdown-menu" aria-labelledby="dropdownMenuButton"&gt;
                  &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
                  &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
                  &lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;!-- Scripts --&gt;
          &lt;script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"&gt;&lt;/script&gt;
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"&gt;&lt;/script&gt;
          &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>EDIT : I forgot, but when I'm doing <code>$.fn.tooltip.Constructor.VERSION</code> in the console, I have the version number of Bootstrap, which mean that it's loaded no?</p>