update

dist/bundle.css

@@ -1310,6 +1310,9 @@ i {
   -o-align-items: flex-end;
   align-items: flex-end;
 }
+.bi-flex-horizontal-layout > * {
+  margin: auto;
+}
 .bi-flex-vertical-center {
   display: box;
   /* OLD - Android 4.4- */
@@ -1386,6 +1389,9 @@ i {
   -o-align-items: stretch;
   align-items: stretch;
 }
+.bi-flex-vertical-center > * {
+  margin: auto;
+}
 .bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1429,6 +1435,9 @@ i {
   min-height: 100%;
   float: left;
 }
+.bi-flex-wrapper-center-layout > * {
+  margin: auto;
+}
 .bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1498,6 +1507,9 @@ i {
   -o-align-items: flex-end;
   align-items: flex-end;
 }
+.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper > * {
+  margin: auto;
+}
 .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1575,6 +1587,9 @@ i {
   -o-align-items: stretch;
   align-items: stretch;
 }
+.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper > * {
+  margin: auto;
+}
 .bi-inline-center-adapt-layout:after {
   display: inline-block;
   width: 0;

dist/core.css

@@ -1310,6 +1310,9 @@ i {
   -o-align-items: flex-end;
   align-items: flex-end;
 }
+.bi-flex-horizontal-layout > * {
+  margin: auto;
+}
 .bi-flex-vertical-center {
   display: box;
   /* OLD - Android 4.4- */
@@ -1386,6 +1389,9 @@ i {
   -o-align-items: stretch;
   align-items: stretch;
 }
+.bi-flex-vertical-center > * {
+  margin: auto;
+}
 .bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1429,6 +1435,9 @@ i {
   min-height: 100%;
   float: left;
 }
+.bi-flex-wrapper-center-layout > * {
+  margin: auto;
+}
 .bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1498,6 +1507,9 @@ i {
   -o-align-items: flex-end;
   align-items: flex-end;
 }
+.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper > * {
+  margin: auto;
+}
 .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1575,6 +1587,9 @@ i {
   -o-align-items: stretch;
   align-items: stretch;
 }
+.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper > * {
+  margin: auto;
+}
 .bi-inline-center-adapt-layout:after {
   display: inline-block;
   width: 0;

dist/core_without_normalize.css

@@ -1027,6 +1027,9 @@
   -o-align-items: flex-end;
   align-items: flex-end;
 }
+.bi-flex-horizontal-layout > * {
+  margin: auto;
+}
 .bi-flex-vertical-center {
   display: box;
   /* OLD - Android 4.4- */
@@ -1103,6 +1106,9 @@
   -o-align-items: stretch;
   align-items: stretch;
 }
+.bi-flex-vertical-center > * {
+  margin: auto;
+}
 .bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1146,6 +1152,9 @@
   min-height: 100%;
   float: left;
 }
+.bi-flex-wrapper-center-layout > * {
+  margin: auto;
+}
 .bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1215,6 +1224,9 @@
   -o-align-items: flex-end;
   align-items: flex-end;
 }
+.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper > * {
+  margin: auto;
+}
 .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper {
   display: box;
   /* OLD - Android 4.4- */
@@ -1292,6 +1304,9 @@
   -o-align-items: stretch;
   align-items: stretch;
 }
+.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper > * {
+  margin: auto;
+}
 .bi-inline-center-adapt-layout:after {
   display: inline-block;
   width: 0;

src/css/core/wrapper/flex.horizontal.css

@@ -68,3 +68,6 @@
   -o-align-items: flex-end;
   align-items: flex-end;
 }
+.bi-flex-horizontal-layout > * {
+  margin: auto;
+}

src/css/core/wrapper/flex.vertical.center.css

@@ -74,3 +74,6 @@
   -o-align-items: stretch;
   align-items: stretch;
 }
+.bi-flex-vertical-center > * {
+  margin: auto;
+}

src/css/core/wrapper/flex.wrapper.center.css

@@ -41,3 +41,6 @@
   min-height: 100%;
   float: left;
 }
+.bi-flex-wrapper-center-layout > * {
+  margin: auto;
+}

src/css/core/wrapper/flex.wrapper.horizontal.css

@@ -67,3 +67,6 @@
   -o-align-items: flex-end;
   align-items: flex-end;
 }
+.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper > * {
+  margin: auto;
+}

src/css/core/wrapper/flex.wrapper.vertical.center.css

@@ -75,3 +75,6 @@
   -o-align-items: stretch;
   align-items: stretch;
 }
+.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper > * {
+  margin: auto;
+}

src/less/core/wrapper/flex.horizontal.less

@@ -66,4 +66,7 @@
     -o-align-items: flex-end;
     align-items: flex-end;
   }
+  > * {
+    margin: auto;
+  }
 }

src/less/core/wrapper/flex.vertical.center.less

@@ -73,4 +73,7 @@
     -o-align-items: stretch;
     align-items: stretch;
   }
+  > * {
+    margin: auto;
+  }
 }

src/less/core/wrapper/flex.wrapper.center.less

@@ -39,4 +39,7 @@
     min-height: 100%;
     float: left;
   }
+  > * {
+    margin: auto;
+  }
 }

src/less/core/wrapper/flex.wrapper.horizontal.less

@@ -66,5 +66,8 @@
       -o-align-items: flex-end;
       align-items: flex-end;
     }
+    > * {
+      margin: auto;
+    }
   }
 }

src/less/core/wrapper/flex.wrapper.vertical.center.less

@@ -76,5 +76,8 @@
       -o-align-items: stretch;
       align-items: stretch;
     }
+    > * {
+      margin: auto;
+    }
   }
 }