使用react-bootstrap调整徽标/图像和表单的大小？

import React from 'react';
import { Image } from 'react-bootstrap';

function Logo() {
  return (
    <Image src="path/to/logo.png" alt="Logo" className="img-fluid" />
  );
}

<Image src="path/to/logo.png" alt="Logo" className="img-thumbnail" />

import React from 'react';
import { Form } from 'react-bootstrap';

function LargeInputForm() {
  return (
    <Form>
      <Form.Group controlId="largeInput">
        <Form.Label>Large Input</Form.Label>
        <Form.Control type="text" placeholder="Enter text" className="form-control-lg" />
      </Form.Group>
    </Form>
  );
}

import React from 'react';
import { Button } from 'react-bootstrap';

function LargeButton() {
  return (
    <Button variant="primary" className="btn-lg">
      Large Button
    </Button>
  );
}