Topic: Bootstrap border utilities not working on cards

VDLP priority asked 6 months 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

https://getbootstrap.com/docs/5.2/utilities/borders/


Mikołaj Smoleński staff answered 6 months ago


@Menno

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!



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • User: 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
Tags