Row, Col 사용하기
import React from "react";
import { Container, Row, Col } from 'react-bootstrap';

function Example() {
  return (
    <Container>
      <Row>
        <Col>첫번째 열</Col>
        <Col>두번째 열</Col>
      </Row>
      <Row>
        <Col>세번째 열</Col>
        <Col>네번째 열</Col>
      </Row>
    </Container>
  );
}

export default Example;

 

리액트 부트스트랩보다 MUI 를 채택하고 있다.

물론 부트스트랩의 경험이 MUI 로 개발할 때 큰 도움이 되고 있다.

이 카테고리의 목록총 124개의 게시물
달리기가 답이다2024. 3. 31.
해상임무 계승반지 작업2024. 3. 18.
Container 컴포넌트의 좌우 패딩 값 없애기2024. 2. 29.
에어컨설치 서비스 메인페이지 히어로섹션 기획2024. 2. 29.
에어컨설치 서비스 메인페이지 기획2024. 2. 29.
MUI, 머티리얼유아이 설치하기2024. 2. 29.
글로벌 스타일 적용하기2024. 2. 29.
Next.js + Firebase 프로젝트 시작하기2024. 2. 29.
파비콘 favicon.ico 적용하기2024. 2. 29.
네이버 블로그 포스팅, 누락 안되게 하기2024. 2. 28.