Reactjs React boostrap表单字段并排渲染，而不是一个在另一个下面渲染

我正在使用react引导创建一个表单。标题、日期选择器和下拉列表确实按我所希望的方式显示在同一行上，它们之间有空格，但当我尝试在这些字段下面插入文本区域时，它会显示在下拉菜单旁边。有什么问题

<Form>
           <Form.Row>
                <Form.Group as={Col}>
                <Form.Control name="title"
                    type="title"
                    placeholder="Enter title"
                    value={this.state.title}
                    onChange={e => this.change(e)}  
                />
                </Form.Group>

                <Form.Group as={Col}>
                    <DatePicker
                        selected={this.state.startDate}
                        onChange={e => this.change(e)}
                    />
                </Form.Group>

                <Form.Group as={Col}>
                    <select className="custom-select" name="course" value={this.state.course} onChange={e => this.change(e)}>
                        <option value="Math234">Math234</option>
                        <option value="Art">Art</option>
                    </select>
                </Form.Group>
            </Form.Row>

            <Form.Group>
                <Form.Label>Enter notes</Form.Label>
                    <Form.Control 
                        name = "notes"
                        as="textarea" 
                        rows="3" 
                        value={this.state.notes}
                        onChange={e => this.change(e)}
                    />
            </Form.Group>
        </Form> 

这个。更改（e）}
/>
这个。更改（e）}
/>
这个。更改（e）}>
数学234
艺术
输入注释
这个。更改（e）}
/>

您必须定义每个

列的大小。如果您不告诉引导col每个断点或至少一个断点的axact大小，则引导col将并排呈现。在本例中，您的
表单.Group
将获得
列和所有其他与列相关的类名

尝试以下方法：

<Form.Row>
  <Form.Group as={Col} sm={12}>
    {/* your form control goes here */}
  </Form.Group>
</Form.Row>


{/*表单控件位于此处*/}

xs
、
sm
、
md
和
lg
断点道具在这种情况下都可用，您可以随意使用它们。
您必须定义每个
列的大小。如果您不告诉引导col每个断点或至少一个断点的axact大小，则引导col将并排呈现。在本例中，您的
表单.Group
将获得
列和所有其他与列相关的类名

尝试以下方法：

<Form.Row>
  <Form.Group as={Col} sm={12}>
    {/* your form control goes here */}
  </Form.Group>
</Form.Row>


{/*表单控件位于此处*/}

在这种情况下，
xs
、
sm
、
md
和
lg
断点道具都可用，可以随意使用