我对React-Bootstrap（以及一般的前端工作）相当陌生。使用 React-Bootstrap 时对齐元素的最佳实践是什么？

例如：

<Grid>
    <Row className="show-grid">
        <Col md={10}>
          <Input type="text" label="Filter"/>
        </Col>
        <Col md={2}>
          <Button>Clear</Button>
        </Col>
      </Row>
</Grid>

https://jsfiddle.net/f9vdksnu/1/

如何将 Button 组件与 Input 组件对齐？默认情况下，按钮与顶部对齐。

除了解决这个特定问题之外，我对与 React-Bootstrap 对齐的最佳实践的指针很感兴趣。