feat(b-container): add support for bootstrap v4.4.x new responsive co…

…ntainers
bootstrap-vue · Jul 22, 2019 · 0e318f4 · 0e318f4
1 parent 59d7019
commit 0e318f4
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/layout/container.js b/src/components/layout/container.js
@@ -9,6 +9,11 @@ export const props = {
   fluid: {
     type: Boolean,
     default: false
+  },
+  breakpoint: {
+    // New in Bootstrap v4.4.x
+    type: String,
+    default: null
   }
 }
 
@@ -22,8 +27,9 @@ export const BContainer = /*#__PURE__*/ Vue.extend({
       props.tag,
       mergeData(data, {
         class: {
-          container: !props.fluid,
+          container: !props.fluid && !props.breakpoint,
-          'container-fluid': props.fluid
+          'container-fluid': props.fluid && !props.breakpoint,
+          [`container-${props.breakpoint}`]: !!props.breakpoint
         }
       }),
       children