title: How to design a form with row and col span using antd grid?
body: <p>Here i am adding my sample code. i am getting a form but i didn't get space between  the text fields.How to get it? </p>
  
  <pre><code>import React from "react"
  import { Form, Row, Col, Input, Button, Icon } from 'antd'
  
  
  
  class MidTermForm extends React.Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;Row gutter={8}&gt;
                      &lt;Col xs={2} sm={16} md={12} lg={8} xl={10}&gt;&lt;b&gt;Topic&lt;/b&gt;&lt;/Col&gt;
                      &lt;Col xs={20} sm={4} md={6} lg={8} xl={4}&gt;&lt;b&gt;MaximuScore*&lt;/b&gt;&lt;/Col&gt;
                      &lt;Col xs={2} sm={4} md={6} lg={8} xl={10}&gt;&lt;b&gt;Student's Score&lt;/b&gt;&lt;/Col&gt;
                  &lt;/Row&gt;
                  &lt;Row&gt;
                      &lt;Col xs={2} sm={16} md={12} lg={8} xl={10}&gt;Written Exam&lt;/Col&gt;
                      &lt;Col xs={20} sm={4} md={6} lg={8} xl={4}&gt;&lt;Input /&gt; &lt;/Col&gt;
                      &lt;Col xs={20} sm={4} md={6} lg={8} xl={4}&gt;&lt;Input /&gt; &lt;/Col&gt;
                  &lt;/Row&gt;
                  &lt;Row&gt;
                      &lt;Col xs={2} sm={16} md={12} lg={8} xl={10}&gt;Oral Exam and Class Participation&lt;/Col&gt;
                      &lt;Col xs={20} sm={4} md={6} lg={8} xl={4}&gt;&lt;Input /&gt; &lt;/Col&gt;
                      &lt;Col xs={20} sm={4} md={6} lg={8} xl={4}&gt;&lt;Input /&gt; &lt;/Col&gt;
                  &lt;/Row&gt;
                  &lt;Row&gt;
                      &lt;Col xs={2} sm={16} md={12} lg={8} xl={10}&gt;Homework and Projects&lt;/Col&gt;
                      &lt;Col xs={20} sm={4} md={6} lg={8} xl={4}&gt;&lt;Input /&gt; &lt;/Col&gt;
                      &lt;Col xs={20} sm={4} md={6} lg={8} xl={4}&gt;&lt;Input /&gt; &lt;/Col&gt;
                  &lt;/Row&gt;
              &lt;/div&gt;
          )
      }
  
  }
  </code></pre>
  
  <p>Now i want to display a form same as given midterm form.How to get background color and how to get space between the two text fields?</p>
  
  <p><a href="https://i.stack.imgur.com/6Fnfl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6Fnfl.png" alt="enter image description here"></a></p>