diff --git a/src/components/card/card.js b/src/components/card/card.js
index 1d843362afd..7e2b24b3761 100644
--- a/src/components/card/card.js
+++ b/src/components/card/card.js
@@ -58,7 +58,7 @@ export const BCard = /*#__PURE__*/ Vue.extend({
       }
     }
 
-    if (props.header || hasNormalizedSlot('header', $scopedSlots, $slots)) {
+    if (props.header || props.headerHtml || hasNormalizedSlot('header', $scopedSlots, $slots)) {
       header = h(
         BCardHeader,
         { props: pluckProps(headerProps, props) },
@@ -72,7 +72,7 @@ export const BCard = /*#__PURE__*/ Vue.extend({
       content = [h(BCardBody, { props: pluckProps(bodyProps, props) }, [...content])]
     }
 
-    if (props.footer || hasNormalizedSlot('footer', $scopedSlots, $slots)) {
+    if (props.footer || props.footerHtml || hasNormalizedSlot('footer', $scopedSlots, $slots)) {
       footer = h(
         BCardFooter,
         {