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

tmorehouse · web-flow · commit 0e318f4755e6 · 2019-07-22T13:18:02.000-03:00
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-fluid': props.fluid
+          container: !props.fluid && !props.breakpoint,
+          'container-fluid': props.fluid && !props.breakpoint,
+          [`container-${props.breakpoint}`]: !!props.breakpoint
         }
       }),
       children
