SubjectEditPage.js

const SubjectEditPage = () => {
    return (
        <>
            <div className="position-absolute top-50 start-50 translate-middle" style={{ width: "80%" }}>
                <div>
                    <div className="mb-5 d-flex flex-row">
                        <label className="form-label" style={{ width: "100px" }}>강의명</label>
                        <input className="form-control border-top-0 border-end-0 border-start-0" style={{ boxShadow: "none", borderRadius: "0" }} />
                    </div>
                    <div className="mb-5 d-flex flex-row">
                        <label className="form-label" style={{ width: "100px" }}>교수명</label>
                        <input className="form-control border-top-0 border-end-0 border-start-0" style={{ boxShadow: "none", borderRadius: "0" }} />
                    </div>
                    <div className="mb-5 d-flex flex-row">
                        <label className="form-label" style={{ width: "100px" }}>장소</label>
                        <input className="form-control border-top-0 border-end-0 border-start-0" style={{ boxShadow: "none", borderRadius: "0" }} />
                    </div>
                </div>
                <div className="">
                    <button className="btn btn-primary" type="button">취소</button>
                    <button className="btn btn-primary" type="button">확인</button>
                </div>
            </div>
        </>
    )
}

export default SubjectEditPage;