1. import React, { Component } from 'react';
2. import './Style/History.css';
3. import {Row} from 'react-bootstrap';
4. import {Col} from 'react-bootstrap';
5. import {Grid} from 'react-bootstrap';
6.  
7.  
8. class History extends Component {
9.  
10.     render() {
11.         return (
12.             <Grid>
13.                 <Row>
14.                     <Col xs={4} md={4} lg={4}>
15.                         <p>asodsaoij ioasjdoij oisajdoijas odijsaoij doiaskaldmaksdklsa dnskl anlkasn dlknsalkdn lksandl kn laksndl knaslkdn lksand lknsdln alsknd lkasnd lknsalkn dlknsdlkn aslkdn alsknd lksandlk sjdoi jasdoj saojdoiasj oidasjdoi jasoidj oia</p>
16.                     </Col>
17.                     <Col xs={4} md={4} lg={4}>
18.                         <p>asodsaoij ioasjdoij oisajdoijas odijsaoij doiaskaldmaksdklsa dnskl anlkasn dlknsalkdn lksandl kn laksndl knaslkdn lksand lknsdln alsknd lkasnd lknsalkn dlknsdlkn aslkdn alsknd lksandlk sjdoi jasdoj saojdoiasj oidasjdoi jasoidj oia</p>
19.                     </Col>
20.                     <Col xs={4} md={4} lg={4}>
21.                         <p>asodsaoij ioasjdoij oisajdoijas odijsaoij doiaskaldmaksdklsa dnskl anlkasn dlknsalkdn lksandl kn laksndl knaslkdn lksand lknsdln alsknd lkasnd lknsalkn dlknsdlkn aslkdn alsknd lksandlk sjdoi jasdoj saojdoiasj oidasjdoi jasoidj oia</p>
22.                     </Col>
23.                 </Row>
24.                 <Row>
25.                     <Col xs={12} md={8}>
26.                         <code>&lt;{'Col xs={12} md={8}'} /&gt;</code>
27.                     </Col>
28.                     <Col xs={6} md={4}>
29.                         <code>&lt;{'Col xs={6} md={4}'} /&gt;</code>
30.                     </Col>
31.                 </Row>
32.             </Grid>
33.         );
34.     }
35. }
36. export default History;
37.