title: Edit bundle config class for newly implemented theme
body: <p>When I try to bundle my CSS and javascript, my javascript and CSS effects do not seem to work. I am using the js files and CSS files normally as in ASP.NET Web Forms. </p>
  
  <p>I have kept my CSS and js files only in below code</p>
  
  <pre><code>&lt;link rel="stylesheet" href="~/plugins/fontawesome-free/css/all.min.css"&gt;
  &lt;link rel="stylesheet" href="~/dist/css/adminlte.min.css"&gt;
  
  &lt;!-- REQUIRED SCRIPTS --&gt;
  &lt;script src="~/plugins/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/plugins/bootstrap/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/dist/js/adminlte.js"&gt;&lt;/script&gt;
  &lt;script src="~/plugins/jquery-validation/jquery.validate.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/dist/js/pages/dashboard3.js"&gt;&lt;/script&gt;
  @RenderSection("scripts", required: false)
  </code></pre>
  
  <p>Here is the bundle config class</p>
  
  <pre><code>public static void RegisterBundles(BundleCollection bundles)
          {
              bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                          "~/Scripts/jquery-{version}.js"));
  
              bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                          "~/Scripts/jquery.validate*"));
  
              // Use the development version of Modernizr to develop with and learn from. Then, when you're
              // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
              bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                          "~/Scripts/modernizr-*"));
  
              bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                        "~/Scripts/bootstrap.js",
                        "~/Scripts/respond.js"));
  
              bundles.Add(new StyleBundle("~/Content/css").Include(
                        "~/Content/bootstrap.css",
                        "~/Content/site.css"));
          }
  </code></pre>
  
  <ol>
  <li>How can I bundle my js files and CSS files?      </li>
  <li>Also, I have referenced the jquery validate js file, still validation is not working in my pages. What is the problem?</li>
  </ol>
  
  <p>Please see the attached image for file structure.</p>
  
  <p><a href="https://i.stack.imgur.com/ookpS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ookpS.png" alt="My project file structure"></a></p>