水平对齐

package.json

@@ -55,7 +55,8 @@
     "js-yaml": "^3.8.1",
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
-    "react-intl": "^2.2.3"
+    "react-intl": "^2.2.3",
+    "react-router": "^3.0.2"
   },
   "scripts": {
     "start": "node scripts/start.js",

src/App.css

@@ -50,12 +50,23 @@
 .App-CardList .ant-row > div {
   padding: 1vh 1vw;
 }
-
+.App-CardList .ant-btn{
+  position:absolute;
+  bottom:20px;
+}
 .App-Card-content {
   margin-bottom: 2vh;
   white-space: pre;
 }
-
+.ant-card-bordered{
+  height:100%;
+}
+.ant-col-12{
+  padding:10px;
+}
+.ant-card-body{
+  padding-bottom: 50px;
+}
 .ant-layout .ant-layout-header {
   background: #404040
 }

src/App.js

@@ -161,7 +161,7 @@ export default class App extends Component {
           <div className="App-CardList">
             {!isMobile ?
               (<div>
-                <Row>
+                <Row type="flex">
                   <Col span="12">
                     <Card title={<FormattedMessage id={"CardTitle1"} />} >
                       <p className="App-Card-content">
@@ -183,7 +183,7 @@ export default class App extends Component {
                   </Col>
                 </Row>
 
-                <Row>
+                <Row type="flex">
                   <Col span="12">
                     <Card title={<FormattedMessage id={"CardTitle4"} />} >
                       <p className="App-Card-content">