The positioning of the Navbar has been altered to the left, causing distortion in the login items, which is an example of Bootstrap implementation.
In my login.html file, I have utilized the Bootstrap sign-in example. Strangely, only on this specific page, the Navbar seems to veer to the left, and the Bootstrap example is slightly shifted to the right. I suspect that this issue is related to the core Bootstrap CSS, but I am hesitant to make changes to those files. Therefore, I am seeking an alternative solution to rectify this problem. Below is an image depicting the appearance of the page:
https://i.sstatic.net/Zenbn.png
It's worth mentioning that I have imported the Bootstrap CSS by saving the CSS and JS Bootstrap folders in a static folder (since I am using Flask).
Here is the code for my base.html:
<!DOCTYPE html>
...
The code for login.html:
{%extends 'base.html'%}
...
The styles.css file:
html {
scroll-behavior: smooth;
}
...