css - InputGroup 不占用剩余空间

Question

我正在对一个元素使用 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>

Answer 1

尝试从表单中移除 inline 属性