Bootstrap 프레임워크 정해진 범위 외 사용

Question

안녕하세요. 프론트엔드를 공부하고 있는 학생입니다.
최근에 홈페이지 하나를 만드는 작은 프로젝트를 완료하였는데요.
vue.js를 활용해 프론트를 구성했습니다.
css는 따로 프레임워크를 사용하지 않고 기본 css로 직접 입력을 해줬습니다.
이렇게 프로젝트를 완료하고 bootstrap같은 프레임워크로도 몇페이지를 재구성해보려고 했는데요.
부트스트랩에서 제공하지 않는 스타일을 사용하고 싶다면 어떤식으로 사용하시나요?

예를 들어
width: 80% 값을 주고싶은데 bootstrap에는 w-25, w-50, w-75, w-100 이렇게 25%단위로만 존재하더라구요.
이럴 경우 그냥 bootstrap과 기본 css를 섞어서 사용하시는지
아니면 bootstrap API를 편집하여 원하는 스타일 값을 추가하시는지 궁금합니다.

또한 기본 CSS로 만들어진 페이지를 bootstrap을 사용하여 재구성 해보는게 좋은 경험이라고 생각하시나요?

프레드윰 · Answer

제공되지 않는건 직접 만들면 되요.
직접 만든것을 custom.css 로 새로 만들어서 추가하면문법은 부트스트랩에 있던거 그대로 해도 되구요.
예를들어서 w-80 클래스 추가해도 되구요.
크게 문제 될거 없구요. 다만 그리드나 레이아웃 같은것은 그대로 유지하는게 좋고 이외에 따로 개발 하면 되요.