css 如何在react-bootstrap中更改交换机大小?

k5ifujac  于 2022-12-01  发布在  React
关注(0)|答案(1)|浏览(120)

我试图增加react-bootstrap开关的大小,但似乎没有用。我试着阅读文档并查找它,但除了直接更改引导程序css外,我找不到任何其他方法。以下是代码:

import Form from 'react-bootstrap/Form';

function SwitchExample() {
  return (
    <Form>
      <Form.Check 
        type="switch"
        id="custom-switch"
        label="Check this switch"
      />
    </Form>
  );
}

export default SwitchExample;

感谢阅读。

nlejzf6q

nlejzf6q1#

你可以在css中改变交换机大小

.form-switch .form-check-input {width: 4em; height: 2em;}

并将css文件导入到项目中

相关问题