Here are some of the questions I've already checked out:
Bootstrap JavaScript not functioning
Twitter Bootstrap dropdown suddenly not operational
Comprehensive list of possible issues causing a CSS file to fail
All of a sudden, my Bootstrap styles seem to have stopped being applied, leading to pages that resemble this. I am utilizing the layout generated by ASP.NET MVC 5, so there should be a navigation bar at the top, along with other elements. Disregard the red banner as the button is not visible on that specific page.
Upon inspecting the dev tools - console, network, etc., everything appears normal without any errors. All files are loaded successfully, and even rearranging their sequence does not make a difference. Every .css and .js file is fetched from the local file system. Despite reverting to a previous commit from yesterday when everything was working correctly, the site continues to display improperly.
I attempted to restart it but to no avail, and now I find myself stuck for ideas.
Update: The issue persists across all browsers. I am completely perplexed at this point.
Providing the requested code snippet below:
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Log in</title>
<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/Site.css" rel="stylesheet"/>
<link href="/Content/css/select2.css" rel="stylesheet"/>
<link href="/Content/alertify.css" rel="stylesheet"/>
<script src="/Scripts/modernizr-2.6.2.js"></script>
<script src="/Scripts/modernizr-2.8.3.js"></script>
<script src="/Scripts/jquery-3.1.1.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>
<script src="/Scripts/alertify.js"></script>
<script src="/Scripts/Custom/JavaScript/utility.js"></script>
<script src="/Scripts/jquery.mask.js"></script>
<script src="/Scripts/autosize.js"></script>
<script src="/Scripts/Custom/register-modal.js"></script>
<script>
//<!-- Google Analytics -->
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'shh', 'none');
ga('send', 'pageview');
//<!-- End Google Analytics -->
</script>
<!-- FontAwesome -->
<link href="/Content/FontAwesome/fontawesome-all.css" rel="stylesheet" />
</head>
</html>