Need assistance updating from BootStrap 3 to BootStrap 4 on my local server.
After trying to update, I ended up with a result that still reflects BootStrap 3. https://i.sstatic.net/Bs9H0.jpg
Here's the code snippet I used for linking:
<link rel="stylesheet" href="css/bootstrap.min.css">
Additionally, here is the code for an inline form:
<form class="form-inline">
<div class="form-group">
<label for="staticEmail2" class="sr-only">Email</label>
<input type="text" readonly class="form-control-plaintext" id="staticEmail2" value="<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8aefe7ebe3e6caeff2ebe7fae6efa4e9e5e7">[email protected]</a>">
</div>
<div class="form-group mx-sm-3">
<label for="inputPassword2" class="sr-only">Password</label>
<input type="password" class="form-control" id="inputPassword2" placeholder="Password">
</div>
<button type="submit" class="btn btn-primary">Confirm identity</button>
</form>
However, when trying to link a test file outside the project folder to the same CSS file, the expected result is obtained: https://i.sstatic.net/avKAd.jpg
Kindly assist in resolving this issue.