css - InputGroup没有占用剩余空间

我在一个项目中使用react-bootstrap，一个组件的代码如下。我希望输入和按钮一起出现，并占用Col提供的整个空间。这两个（输入和按钮）一起显示，但不占用整个空间。请帮忙！

<Row>
        <Col  xs={12} md={10} mdOffset={1} >

            <Form className="addGoalForm" inline onSubmit={
                handleSubmit
            } >
                <FormGroup className="addGoalForm">
                    <InputGroup>
                        <FormControl ref={textInput} type="text"/>

                    </InputGroup>
                    <Button bsStyle="primary" type="submit"> Add Goal </Button>
                </FormGroup>



            </Form>

        </Col>
        </Row>

最佳答案

尝试从表单中删除inline道具