Реагируйте на начальную загрузку столбцов сетки, отображаемых вертикально - PullRequest
Новая
       7

Реагируйте на начальную загрузку столбцов сетки, отображаемых вертикально

0 голосов
/ 04 декабря 2018

Я использую реакцию начальной загрузки, пытаясь отобразить простую сетку 2x2.Это должно работать довольно просто, но и столбцы, и строки отображаются вертикально на всех размерах экрана.Он должен выглядеть так: 

A B
A B

, но вместо этого выглядит так: 

A
B
A
B

Вот код: 

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import Home from './Home.js';
import * as serviceWorker from './serviceWorker';
import CustomNavBar from './CustomNavBar.js';

import { Col, Row, Grid, DropdownButton, Button} from 'react-bootstrap';

const grid = (<div style={{backgroundColor: '#801903', color: '#ffff'}}>
  <Grid>
    <Row sm={12}>
      <Col sm={6}>A</Col>
      <Col sm={6}>B</Col>
    </Row>
    <Row sm={12}>
      <Col sm={6}>A</Col>
      <Col sm={6}>B</Col>
    </Row>
  </Grid>

</div>);

ReactDOM.render(grid, document.getElementById('root'));

serviceWorker.unregister();

Вывод:

...