如何把你的块按钮放在react-bootstrap中列表组的中心

Question

[]我想我的按钮应该是这样的。但是我的按钮总是留在左边

Answer 1

我认为最简单的方法就是使用div!或者你可以创建一个自定义组件来为你做这些。

<ListGroup.Item>
<div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>
<Button variant="primary">Primary</Button>
</div>
</ListGroup.Item>