Check out my full code for the Random Quote Generator Project on Codepen: here
I implemented Bootstrap5 from this link: Bootstrap CDN.
The button style btn-info is not displaying correctly in my project. I'm puzzled and would like to understand why this is happening.
In the Bootstrap Demo, the info button appears as a blue background with white text:
View the default style of the info button here
However, when I integrated it into my project, it looks like this:
See how the button style differs in my project compared to the expected result here
The primary style is rendering correctly when I make changes to my code, as shown here
I've inspected the DOM and the CSS attributes also reflect the unexpected color scheme. Inspect the developer tool screenshot here
Your input is greatly appreciated. Additionally, any advice on how I can display images directly instead of links for readers to click would be helpful. Thank you in advance!
I meticulously reviewed my code and ensured that there are no conflicting styles overriding the button appearance. This issue seems to be isolated to this small project.
I verified the other default button styles, and they align with the examples provided on the Bootstrap documentation page.
This inconsistency persists even when viewing my project in the Chrome Browser.