我需要这个进口für设置组件：

import React from 'react'
import { MDBInput, MDBCheckbox, MDBBtn, MDBTextArea } from 'mdb-react-ui-kit'; // Füge MDBTextArea hinzu
import 'bootstrap/dist/css/bootstrap.min.css';
import "../Inhalte/kontakt.css"

function Kontakt() {
  return (
    <div>
    <form id='form' className='text-center' style={{ width: '100%', maxWidth: '300px' }}>
      <h2>Contact us</h2>

      <MDBInput label='Name' v-model='name' wrapperClass='mb-4' />

      <MDBInput type='email' label='Email address' v-model='email' wrapperClass='mb-4' />

      <MDBInput label='Subject' v-model='subject' wrapperClass='mb-4' />

      <MDBTextArea wrapperClass='mb-4' label='Message' />

      <MDBCheckbox wrapperClass='d-flex justify-content-center' label='Send me copy' />

      <MDBBtn color='primary' block className='my-4'>
        Send
      </MDBBtn>
    </form>
    </div>
  );
}
  
export default Kontakt

字符串
但这改变了我所有网站的大小，所有元素都变大了
我没有尝试太多，我没有太多的经验。