import React, { Component } from 'react';
import './Style/History.css';
import {Row} from 'react-bootstrap';
import {Col} from 'react-bootstrap';
import {Grid} from 'react-bootstrap';


class History extends Component {

    render() {
        return (
            <Grid>
                <Row>
                    <Col xs={4} md={4} lg={4}>
                        <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>
                    </Col>
                    <Col xs={4} md={4} lg={4}>
                        <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>
                    </Col>
                    <Col xs={4} md={4} lg={4}>
                        <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>
                    </Col>
                </Row>
                <Row>
                    <Col xs={12} md={8}>
                        <code>&lt;{'Col xs={12} md={8}'} /&gt;</code>
                    </Col>
                    <Col xs={6} md={4}>
                        <code>&lt;{'Col xs={6} md={4}'} /&gt;</code>
                    </Col>
                </Row>
            </Grid>
        );
    }
}
export default History;