text #reactstrap #bootstrap #react

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text #reactstrap #bootstrap #react相关的知识,希望对你有一定的参考价值。

import React from 'react';
import { Container, Row, Col } from 'reactstrap';
import Form1 from './Form1';
import Jumbo1 from './Jumbo1';
import Media1 from './Media1';
import Modal1 from './Modal1';
import Navbar1 from './Navbar1';
import Progress1 from './Progress1';
//import StateProps from './StateProps';

function Container1 (props) {
    return (
        <Container>
        <Row>
            <Navbar1></Navbar1>
        </Row>
        <Row><p></p></Row>
        <Progress1></Progress1>
        <Row><p></p></Row>
        <Row>
          <Col>
            <Form1></Form1>
          </Col>
        </Row>  
        <Row><p></p></Row>
        <Row>
            <Modal1>Hellow Modal</Modal1>
        </Row>
        <Row><p></p></Row>
        <Row cellSpacing='200' >
            <Col>
                <Jumbo1></Jumbo1>
            </Col>
        </Row>
        <Row><p></p></Row>
        <Row>
            <Media1></Media1>
            <button>Hellow</button>
        </Row>
        {/* <Row>
            <StateProps></StateProps>
        </Row> */}
        </Container>
    );
}

export default Container1;

以上是关于text #reactstrap #bootstrap #react的主要内容,如果未能解决你的问题,请参考以下文章

text #reactstrap #navbar

text #reactstrap #modal

text #reactstrap #jumbotron

text #reactstrap

text #reactstrap #bootstrap #react

在 Reactstrap 表中设置固定宽度