如何增加反应引导微调器的大小？

Question

我正在将 React 用于一个使用 React-Bootstrap Snipper 的项目。但它非常小，现在我想改变它的大小。我怎样才能改变它？

<div
  style={{ width: "200px", height: "200px" }}
  className="w-100 d-flex text-[#DC2626] justify-content-center align-items-center">
  {/* bootstrap spinner */}
  <Spinner animation="border" role="status">
    <span className="visually-hidden">Loading...</span>
  </Spinner>
</div>

Answer 1

您可以将宽度和高度传递给微调器组件。

codesandbox 链接 - https://codesandbox.io/s/broken-surf-vids1x?file=/src/App.js

<Spinner animation="border" role="status"  style={{ width: "4rem", height: "4rem" }}>
   <span className="visually-hidden">Loading...</span>
</Spinner>