react-bootstrap css파일 수정하기

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

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

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

노란부분이 변경점

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

잘 적용된 모습