I used bootstrap classes in HTML code .However,some of these classes are working but the rest is not. why its like that? I used the bootstrap link in the correct place Idk what else to do .for example hover and striped classes don't work but table-dark class is working

CodePudding user response：

• Make sure you're using the official bootstrap links https://getbootstrap.com/docs/5.1/getting-started/introduction/
• Have you added other css files? - use the developer tool to make sure other classes isn't blocking it (write inline css code to debug, and use !important in the css too)

CodePudding user response：

These are the possible reasons:

1- You have a wrong or incorrect link to the bootstrap file

2- Browser caching and history is messing with your html

3- Other CSS files are overriding the bootstrap file

SOLUTIONS:

1- Put link in your HTML head tag correctly

2- Go to your browser settings and clear your cache and history ( be careful with that tho)

3- Make sure you the link to the bootstrap css comes after all your other css links ( at least for now, to test where the problem is from)