时间戳

首页 > 解决方案 > InputGroup 不占用剩余空间

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>

标签： csstwitter-bootstrapreactjsreact-bootstrap

解决方案

尝试inline从表格中取下道具

推荐阅读