Javascript 在ReactJS中调整ReactBootstrap按钮的大小

我正在努力将

buynow

按钮拉伸到上面纸盒（@material ui）的长度，

buynow按钮

使用react引导，我看到了

raectbootstrap

站点，但找不到任何关于更改按钮大小的有用信息，请提供任何建议

-下面代码的

片段

 <div style={{ float: "right", paddingRight: "5rem" }}>
        <TableContainer
          className="basket-summary"
          component={Paper}
          style={{ float: "right", top: "0", display: "flex", flexDirection: "column", maxHeight: "9vw", maxWidth: "14vw" }}
        >
          <Table >
            <TableHead>
              <TableRow>
                <TableCell>Summary </TableCell>
              </TableRow>
            </TableHead>
            <TableBody>
              <tr>
                <td>SubTotal:{totalPrice}</td>
              </tr>

              <tr>
                <td></td>
              </tr>
            </TableBody>
          </Table>
        </TableContainer>
        <ButtonGroup aria-label="quantityofproduct">
          <Button className=" button-block" variant="primary" name="subtract" value="subtract" onClick={() => buyNow(basketItems)}>
            Buy Now
          </Button>
        </ButtonGroup>
      </div>

---

按钮只需要有一个

最小宽度：100%

，这样它就可以填充父级宽度

.button-block {
  min-width: 100%;
  width: 100%;
}

.button-block {
  min-width: 100%;
  width: 100%;
}