Fix row-flex-space-around, close #1781

components/layout/row.jsx

@@ -16,7 +16,7 @@ export default class Row extends React.Component {
   render() {
     const { type, justify, align, className, gutter, style, children, ...others } = this.props;
     const classes = classNames({
-      row: true,
+      row: !type,
       [`row-${type}`]: type,
       [`row-${type}-${justify}`]: justify,
       [`row-${type}-${align}`]: align,

site/common/styles/markdown.less

@@ -205,7 +205,8 @@
     margin-bottom: 10px;
     color: #fff;
   }
-  .code-box-demo .row > div:not(.gutter-row) {
+  .code-box-demo .row > div:not(.gutter-row),
+  .code-box-demo .row-flex > div:not(.gutter-row) {
     background: #6AC2F5;
     border: 1px solid rgba(0, 0, 0, 0.1);
   }