title: ASP.NET-MVC5 - Why would Bootstrap v4 themes not show components correctly?
body: <p>I have a brand new ASP.Net MVC5 application. I wanted to change the default theme to <a href="https://bootswatch.com/minty/" rel="noreferrer">Minty</a> theme which is for <code>Bootstrap Version 4</code>. However, after following the below steps the theme has messed up and not showing components correctly such as Nav bar. <strong>Can anyone guide me how to install the latest themes from <a href="https://bootswatch.com/" rel="noreferrer">Bootswatch</a>.</strong></p>
  
  <p>Since It was a brand new ASP.Net MVC application. I did the following:</p>
  
  <ol>
  <li>Installed <strong>Bootstrap</strong>: <code>Install-Package bootstrap -
  Version 4.0.0</code></li>
  <li>Installed <strong>jQuery</strong>: <code>Install-Package jQuery -Version 3.2.1</code></li>
  <li>Installed <strong>Popper.js</strong>: <code>Install-Package popper.js -Version 1.12.9</code></li>
  </ol>
  
  <p>After installing the above. I did the following steps to try to change the default theme:</p>
  
  <ol>
  <li>Selected the <a href="https://bootswatch.com/minty/" rel="noreferrer">Minty</a> theme and downloaded and Copied the <code>bootstrap.css</code> styles </li>
  <li>Called the file <code>minty.bootstrap.css</code></li>
  <li>Added the <code>minty.bootstrap.css</code> to <strong>Content</strong> folder</li>
  <li>Updated the bundle to target the new Minty theme in the folder <strong>App_Start</strong> -> <strong>BundleConfig.cs</strong></li>
  </ol>
  
  <p>The BundleConfig.cs file:</p>
  
  <pre><code>bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
         "~/Scripts/bootstrap.js",
         "~/Scripts/respond.js"));
  
  bundles.Add(new StyleBundle("~/Content/css").Include(
         "~/Content/minty.bootstrap.css",
         "~/Content/site.css"));
  </code></pre>
  
  <p>_Layout.cshtml file:</p>
  
  <pre><code> @Styles.Render("~/Content/css")
   @Scripts.Render("~/bundles/jquery")
   @Scripts.Render("~/bundles/bootstrap")
  </code></pre>
  
  <p>Then built the project to check the changes but the navigation bar was not as expected:</p>
  
  <p><a href="https://i.stack.imgur.com/ELrH5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ELrH5.png" alt="enter image description here"></a></p>
  
  <p>Thank you</p>