kcscDev/egovframe-template-simple-react-contribution/src/pages/login/PwFindForm.jsx

import Form from "react-bootstrap/Form";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Button from "react-bootstrap/Button";

function PwFindForm(){
    return (
        <Form>
            <Form.Group as={Row} className="mb-3" controlId="formHorizontalEmail">
                <Form.Label column sm={2}>
                    아이디
                </Form.Label>
                <Col sm={10}>
                    <Form.Control type="text" placeholder="ID" />
                </Col>
            </Form.Group>
            <Form.Group as={Row} className="mb-3" controlId="formHorizontalEmail">
                <Form.Label column sm={2}>
                    이메일
                </Form.Label>
                <Col sm={10}>
                    <Form.Control type="email" placeholder="Email" />
                </Col>
            </Form.Group>
            <Form.Group as={Row} className="mb-3">
                <Col sm={{ span: 10, offset: 2 }}>
                    <Button className="findBtn" type="submit">찾기</Button>
                </Col>
            </Form.Group>
        </Form>
    );
}

export default PwFindForm;