CSS

react-bootstrap css파일 수정하기

공주맛밤 2022. 8. 26. 16:51

보기와 같이 react-bootstrap의 컨트롤러가 범위를 침범하여 상세보기를 누르지 못하게 한다. 속성값을 보던 중 width: 15%를 width: unset으로 하면

아주 이뻐진 모습이다. css파일을 만들어 이래저래 적용해 보려고 해도 잘 안되어서 결국 bootstrap파일 자체에서 고쳐 먹기로 하여 발견한 방법이다...

index.js에서 부트스트랩의 어느 부분를 적용해야하는지 파일명을 확인하고

노란부분이 변경점

수정해주고 싶은대로 수정해준 후 저장하여 react를 종료 후 다시 실행하면된다.

잘 적용된 모습

728x90
반응형

'CSS' 카테고리의 다른 글

생활코딩 CSS 수업내용 정리 및 후기  (0) 2022.08.08