Topic: Bootstrap border utilities not working on cards
Expected behavior When adding border and/or border color utility classes (e.g. 'border border-danger') to a card, I expect the border to be applied.
Actual behavior The border is not applied because the global card styling overrules the border helpers.
Resources (screenshots, code snippets etc.) Path to SCSS file: src/scss/standard/free/_card.scss
https://getbootstrap.com/docs/5.2/utilities/borders/
Border class have !important property added, so it should work even with cards. Here's an example: https://mdbootstrap.com/snippets/vue/mikolaj-smolenski/3968234
Keep coding!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB5 1.13.0
- Device: Any
- Browser: Any
- OS: Any
- Provided sample code: No
- Provided link: Yes