Recently, I have found myself facing numerous challenges with Bootstrap. Although I used it to create a website in the past, I haven't touched it since. However, circumstances have now led me to incorporate it into my current project. I have downloaded the compressed version and included the JS and CSS files in my setup.
The issue at hand is my struggle with customizing it to my liking. For instance, I've designed a navbar that is taller (height:90px;) than the default Bootstrap navbar. As a result, adjusting the padding of the navigation panel on the navbar has proven to be quite tricky. Furthermore, when the navbar collapses, the alignment of items in the collapsible menu is off due to the modifications made to accommodate the larger screen size.
One possible solution that comes to mind is to alter the padding and margin within the media queries. However, I am open to exploring other more effective methods if you have any suggestions. Please share your insights if you can offer alternative solutions.