title: How to use webjars with Maven without any framework
body: <p>I did not find an answer for the specific scenario I am working on. I have a Maven Web Project, which I want to run on a Tomcat Server (which is working fine so far). My problem is, that I need to use jQuery and Bootstrap, but it does not work and the official resources do not provide a way to use it without any additional framework.</p>
  
  <p>That is what I have done so far:</p>
  
  <ul>
  <li><p>My pom.xml looks like this and has all the necessary dependencies:</p>
  
  <pre><code> &lt;project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"&gt;
  
         &lt;modelVersion&gt;4.0.0&lt;/modelVersion&gt;
         &lt;groupId&gt;de.ls5.wt2&lt;/groupId&gt;
         &lt;artifactId&gt;micro&lt;/artifactId&gt;
         &lt;packaging&gt;war&lt;/packaging&gt;
         &lt;version&gt;0.0.1-SNAPSHOT&lt;/version&gt;
         &lt;name&gt;micro Maven Webapp&lt;/name&gt;
         &lt;url&gt;http://maven.apache.org&lt;/url&gt;
         &lt;dependencies&gt;
           &lt;dependency&gt;
             &lt;groupId&gt;junit&lt;/groupId&gt;
             &lt;artifactId&gt;junit&lt;/artifactId&gt;
             &lt;version&gt;3.8.1&lt;/version&gt;
             &lt;scope&gt;test&lt;/scope&gt;
           &lt;/dependency&gt;
            &lt;dependency&gt;
                   &lt;groupId&gt;org.webjars&lt;/groupId&gt;
                   &lt;artifactId&gt;webjars-locator&lt;/artifactId&gt;
                   &lt;version&gt;0.1&lt;/version&gt;
               &lt;/dependency&gt;
               &lt;dependency&gt;
                   &lt;groupId&gt;org.webjars&lt;/groupId&gt;
                   &lt;artifactId&gt;webjars-locator&lt;/artifactId&gt;
                   &lt;version&gt;0.32-1&lt;/version&gt;
               &lt;/dependency&gt;
               &lt;dependency&gt;
                   &lt;groupId&gt;org.webjars&lt;/groupId&gt;
                   &lt;artifactId&gt;jquery&lt;/artifactId&gt;
                   &lt;version&gt;3.2.0&lt;/version&gt;
               &lt;/dependency&gt;
               &lt;dependency&gt;
                   &lt;groupId&gt;org.webjars&lt;/groupId&gt;
                   &lt;artifactId&gt;bootstrap&lt;/artifactId&gt;
                   &lt;version&gt;3.3.7&lt;/version&gt;
               &lt;/dependency&gt;
           &lt;dependency&gt;
               &lt;groupId&gt;org.hibernate.javax.persistence&lt;/groupId&gt;
               &lt;artifactId&gt;hibernate-jpa-2.1-api&lt;/artifactId&gt;
               &lt;version&gt;1.0.0.Final&lt;/version&gt;
           &lt;/dependency&gt;
           &lt;dependency&gt;
            &lt;groupId&gt;javax&lt;/groupId&gt;
            &lt;artifactId&gt;javaee-api&lt;/artifactId&gt;
            &lt;version&gt;7.0&lt;/version&gt;
           &lt;/dependency&gt;
           &lt;dependency&gt;
            &lt;groupId&gt;javax&lt;/groupId&gt;
            &lt;artifactId&gt;javaee-web-api&lt;/artifactId&gt;
            &lt;version&gt;7.0&lt;/version&gt;
           &lt;/dependency&gt;
         &lt;/dependencies&gt;
         &lt;build&gt;
           &lt;finalName&gt;micro&lt;/finalName&gt;
         &lt;/build&gt;
       &lt;/project&gt;
  </code></pre></li>
  <li><p>The target/appName/WEB-INF/lib folder contains the jar files for jQuery, Bootstrap and all of the other dependent libs</p></li>
  <li>When I want to use it now in an index.html or index.jsp, it is not working and the console says that the resources can not be found. The index.html looks like this (an example from a tutorial):</li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script src="/webjars/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"&gt;&lt;/script&gt;
          &lt;title&gt;WebJars Demo&lt;/title&gt;
          &lt;link rel="stylesheet"
            href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" /&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="container"&gt;&lt;br/&gt;
              &lt;div class="alert alert-success"&gt;
                  &lt;a href="#" class="close" data-dismiss="alert"
                    aria-label="close"&gt;×&lt;/a&gt;
                  &lt;strong&gt;Success!&lt;/strong&gt; It is working as we expected.
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <ul>
  <li>The <code>index.html</code> is inside my <code>target/appName/</code> folder and I know the referenced file under<code>"target/appName/webjars/jquery/3.1.1/jquery.min.js"</code>which is referenced from the <code>index.html</code> does not exist, but what do I need to do know? I thought maven would do that.</li>
  </ul>