使用CSS在React中创建一个按钮

Question

这是React组件：

var CreatePerson = React.createClass({
    render: function(){
        return (
            <Row id='test'>
                <Col md={1}>
                    <Button bsStyle="primary" type="button" bsSize="small">Merge</Button>
                </Col>
                <Col md={1}>
                    <Button bsStyle="Secondary" type="button" bsSize="small">Delete</Button>
                </Col>
                <Col md={2}>
                    {this.props.dirty_record}
                </Col>
                <Col md={2}>
                    {this.props.user.email}
                </Col>
                <Col md={1}>
                    {this.props.user.first}
                </Col>
                <Col md={1}>
                    {this.props.user.last}
                </Col>
                <Col md={1}>
                    {this.props.user.title}
                </Col>              
                <Col md={1}>
                    {this.props.user.company}
                </Col>
            </Row>
        )
    }
});

这是我的CSS文件

#test {padding-top: 10px;
      text-align: center;
      }

加载页面时，<Col> {this.props...}居中，但不是按钮。按钮在底部边缘对齐。

我该如何解决这个问题？