Ошибка выравнивания в React Bootstrap Form - PullRequest
Новая
       13

Ошибка выравнивания в React Bootstrap Form

0 голосов
/ 07 июня 2018

Я использую форму реактивного усиления со следующим кодом: 

import React  from 'react';
import {Form, FormGroup, ControlLabel, HelpBlock, FormControl} from 'react-bootstrap';

class FirstForm extends React.Component {
    render() {
        return (
            <div className="Form">
                <Form horizontal>
                <FormGroup controlId="email">
                    <ControlLabel className="FormRow">Email</ControlLabel>
                    <FormControl type="text" placeholder="E-mail Id"/>
                </FormGroup>
             <FormGroup controlId="user">
            <ControlLabel className="FormRow">user name</ControlLabel>
            <FormControl type="text" placeholder="User name"  />
             </FormGroup>
                </Form>
            </div>
        );
    }
}

class App extends Component {
  render() {
    return (
        <div>
            <Header/>
            <FirstForm/>
        </div>

    );
  }
}

export default FirstForm;

В файле .css, 

.FormRow {
  justify-content: center;
  margin-right: 100px;
}

Но вывод выглядит так: enter image description here

Это то, что я добавил.Остальные получены из стандартного приложенияМожет кто-нибудь помочь отформатировать?

...