Реагируйте: содержание не корректируется прямо на форме на веб-странице - PullRequest
Новая
       22

Реагируйте: содержание не корректируется прямо на форме на веб-странице

0 голосов
/ 12 января 2019

Я использую ReactStrap для создания своего веб-приложения. Это мой код: 

class Address extends React.Component {

  render() {
    return (

      <Media body>
        <Container>
          <Form>
            <FormGroup className="d-block">
              <Label for="address1">Address line 1</Label>
              <Input type="text" name="address1" id="address1" />
            </FormGroup>

            <Row form>
              <Col sm={5}>
                <FormGroup className="d-block">
                  <Label for="zip">ZIP</Label>
                  <Input type="text" name="text" id="zip" />
                </FormGroup>
              </Col>

              <Col sm={2}>
                <FormGroup className="d-block">
                  <Label for="state">State: </Label>
                  <Input type="select" name="select" id="state">
                    <option>IL</option>
                    <option>AZ</option>
                  </Input>
                </FormGroup>
              </Col>

              <Col sm={3} className="d-block">
                <FormGroup>
                  <Label for="Country">Country: </Label>
                  <Input type="select" name="select" id="Country">
                    <option>United States</option>
                    <option>Canada</option>
                  </Input>
                </FormGroup>
              </Col>
            </Row>

            <Button>Submit</Button>
          </Form>
        </Container>
      </Media>
    )
  }
}

Вот как это отображается на веб-странице: enter image description here

Я просто хочу знать, почему он не выравнивается по левому краю и как это исправить. Спасибо.

Редактировать: как только код сообщил мне, это потому, что в style.css у меня есть это: 

form div {
  margin: 1em;
}
...