Привет, я пишу страницу с формой и использую Reactstrap.Форма работает нормально, но она не отзывчива, как здесь https://reactstrap.github.io/components/form/. Я не знаю, что я там не так делаю.
<Col lg="6" className="no-padding full-page contact-us">
<h1 className="h1-main">Objednejte se</h1>
<hr className="hr-underline"/>
<Container>
<Form onSubmit={this.formSubmit} className="form-horizontal">
<Row>
<Col lg="6">
<FormGroup>
<Label for="firstName" className="mr-sm-2">Jméno</Label>
<Input required onChange={this.handleChange} value={this.state.firstName}
type="text"
name="firstName" id="firstName" placeholder="Jan"/>
</FormGroup>
</Col>
<Col lg="6">
<FormGroup>
<Label for="lastName" className="mr-sm-2">Příjmení</Label>
<Input required onChange={this.handleChange} value={this.state.lastName} type="text"
name="lastName" id="lastName" placeholder="Novák"/>
</FormGroup>
</Col>
</Row>
<Row>
<Col lg="6">
<FormGroup>
<Label for="email">Email</Label>
<Input required onChange={this.handleChange} value={this.state.email} type="email"
name="email" id="email" placeholder="jan.novak@gmail.com"/>
</FormGroup>
</Col>
<Col lg="6">
<FormGroup>
<Label for="birthdate">Datum narození</Label>
<Input required onChange={this.handleChange} type="date"
name="birhtdate" id="birhtdate" placeholder="date placeholder"/>
</FormGroup>
</Col>
</Row>
<FormGroup>
<Label for="message">Zpráva</Label>
<Input required onChange={this.handleChange} value={this.state.message} type="textarea"
name="message" id="message" placeholder="Napište nám důvod Vaší objednávky."/>
</FormGroup>
<FormGroup>
<div>
<CustomInput required type="checkbox" id="agreeCheckbox"
label="Souhlasím se zpracováním osobních údajů."/>
</div>
</FormGroup>
<Button color="primary">Odeslat</Button>
</Form>
</Container>
</Col>
на нормальном сайте выглядит эта форма действительно хорошо, но на телефоне слишкоммаленький.Но я не уверен почему.Я написал это с помощью документов Reactstrap.
Спасибо за вашу помощь:)
РАЗРЕШЕНИЕ: Проблема в том, что я забыл добавить это <meta name="viewport" content="width=device-width, initial-scale=1">: /