CODEWITHSUNDEEP
bootstrap-5
Lee Harrington
Lee Harrington

Reputation: 11

Upgrade Bootstrap 5.0 to 5.3 Missing CSS Variables

I just upgraded my website from Bootstrap 5.0 to Bootstrap 5.3. It seemed like it would be straight forward, just swap out the 5.0 files for 5.3 files, but when I do so, my accordions and modals appear messed up. It appears there are a bunch of missing CSS variables which the dev tools in Chrome state are undefined. I'm confused by this because the directions just say to swap out the files and it should work. What am I missing? Note: I am not using node modules or any framework. Just your basic html, css, and javascript. There are no errors in the console either and I can see each of the bootstrap files in the sources tab.


<head>
    <link rel="stylesheet" href="/lib/bootstrap-5.3/css/bootstrap.min.css")" />
    <link rel="stylesheet" href="/lib/bootstrap-5.3/css/bootstrap-utilities.min.css" />
</head>
<body>
    <script src="/lib/bootstrap-5.3/js/bootstrap.bundle.min.js"></script>
</body>

I tried redownloading the bootstrap files and swapping out the minified version for the real version but it didn't fix the missing variables.

Upvotes: 0

Views: 20

Answers (0)

Related Questions