我在一个项目中使用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
道具