문제발견

"리액트 컴포넌트에 부트스트랩을 이용한 스타일링은 어떻게 할까?"

 

문제해결

1. public / index.html 에 부트스트랩 시작을 위한 코드를 추가한다

https://getbootstrap.com/docs/5.3/getting-started/introduction/

 

2. 적용하고 싶은 컴포넌트에 클래스를 이용하여 부트스트랩 스타일링을 한다

https://getbootstrap.com/docs/5.3/layout/columns/

 

결과

저작자표시 비영리 동일조건

'프론트엔드 > React' 카테고리의 다른 글

[React] Props로 html 태그 전송하는 방법  (0) 2023.07.16
[React] 라우터(Router) 사용 방법, 리액트 페이지 이동, Link useNavigate 사용방법  (0) 2023.07.15
[React] CSS 파일을 styled-components 형태로 변환하기  (0) 2023.07.04
[React] 이미지 컴포넌트 src 속성 넣는 방법(How to manipulate image component src attribute) [eslint]Compiled with warnings.[eslint]src\Hw\LoginImage.js Line 2:8: 'src' is defined but never used no-unused-vars Search for the keywords to ..  (0) 2023.07.04
[React] npm start 오류 (npm ERR! Missing script: "start"npm ERR! npm ERR! Did you mean one of these?npm ERR! npm star # Mark your favorite packagesnpm ERR! npm stars # View packages marked as favoritesnpm ERR! npm ERR! To see a list of scripts..  (0) 2023.07.04
상단으로

티스토리툴바