Topic: Bootstrap border utilities not working on cards

VDLP priority asked 2 years ago

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

Mikołaj Smoleński staff answered 2 years ago


Border class have !important property added, so it should work even with cards. Here's an example:

Keep coding!

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • 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