I wanted to express my gratitude for all the incredible resources shared here. I have been working on sorting out some issues over the past few days.
While Bootstrap seems to be functioning well in certain areas, it's not working as expected in others.
Visit Tellus
The basic functionality appears to be in place. I've managed to incorporate various bootstrap-specific elements like rows, columns, navbar, and responsive text and images. However, there are some minor glitches that I'm encountering.
One issue is that my navbar fails to expand or collapse on medium or small screens (even when using the code directly from Bootstrap's website). I suspect it may be a JavaScript or dependency problem.
<nav class="navbar fixed-top navbar-expand-md bg-light navbar-light" role="navigation"> // Navbar code here </nav>Another challenge I'm facing is the inability to add spacing or padding to an element. Adding classes like p-1 or pt-4 doesn't seem to work.
Furthermore, some divs seem to ignore the column spacing assigned to them. The grid system is causing some frustration, but I managed to resolve it by implementing flexbox instead.
<article class="container spacer-4"> // Code block with multiple columns here </article>
I suspected that the issue might lie with jQuery or some other JS dependency. Despite trying different script versions, the problem persists. It could also be related to nesting issues.
I am currently hosting the site through GitHub -> Google Domains, but the errors are visible on my local development server as well.
I believe I have provided all relevant information, but I am willing to share more if needed. Thank you once again!