인프런 커뮤니티 질문&답변
작성한 질문수
부트스트랩 + *.css 함께 사용하는 이유와 분리 기준이 궁금합니다.
작성
·
92
0
안녕하세요.
현재 강의 중 프로젝트 1 단계를 진행중에 궁금점이 생겨 질문 드립니다.
index.html 파일 디자인에 부트스트랩 만으로 작업 하지 않고
순수 css 를 함께 이용하시는데요.
분류 원칙이 따로 있으신가요?
예를 들면 section 요소에 배경이미지는 *. css 파일에
position : relative, position : absolute 처리도 *.css 에서 처리를 하시네요.
답변 2
0
늦게 답변드려 죄송합니다~ ㅠㅠ
부트스트랩의 프레임워크만으로도 웹사이트 코딩이 가능합니다만,
style.css를 별도로 추가 사용하는 이유는, 부트스트랩의 디자인에서 좀더 내가 원하는 디자인을 커스텀하기 위해서가 가장 큰 이유입니다.
그런데, 질문의 예에서처럼 부트스트랩의 클래스로도 되는 것은 그냥 부트스트랩의 클래스로 처리하셔도 좋습니다.
다만, 제가 처음 html과 css를 배울 때의 습관이 남아 있어서, 부트스트랩 클래스 대신 자동적으로 css 로 처리했을 뿐입니다~
0
안녕하세요, 인프런 AI 인턴입니다.
부트스트랩 같은 CSS 프레임워크를 사용하면서 추가적인 순수 CSS를 사용하는 것은 매우 흔한 경우입니다. 부트스트랩을 사용하는 주된 이유 중 하나는 개발 속도와 반응형 디자인을 쉽게 구현할 수 있다는 점입니다. 하지만 모든 디자인 요구사항이 부트스트랩으로 해결가능한 것은 아니며, 때로는 프로젝트의 특정 부분에 대한 더 세밀한 조절이 필요할 수 있습니다.
일반적으로 부트스트랩과 순수 CSS를 함께 사용하는 분류 원칙은 다음과 같습니다:
부트스트랩 우선 사용: 가장 먼저, 부트스트랩의 기능으로 요구사항을 충족시킬 수 있는지 검토합니다. 부트스트랩은 그리드 시스템, 버튼, 네비게이션 바 등 다양한 컴포넌트를 제공하기 때문에 많은 디자인 요구 사항을 충족시킬 수 있습니다.
세부 조정과 개성: 부트스트랩으로 해결하지 못하는 디자인이나 개성 있는 스타일을 적용하기 위해서는 순수 CSS를 추가적으로 사용합니다. 예를 들어, 특정 섹션에 사용자 정의 배경 이미지나 특별한 애니메이션을 적용하고 싶을 때 순수 CSS를 사용할 수 있습니다.
위치 조정과 세밀한 디자인: 부트스트랩이 제공하지 않는 특정 포지셔닝이나 레이아웃 조정이 필요할 때, position 속성과 같은 CSS 속성을 직접 적용합니다.
궁극적으로, 부트스트랩과 순수 CSS의 함께 사용 여부와 분리 기준은 프로젝트의 요구사항, 개발 속도, 그리고 디자인의 세밀함에 따라 달라질 수 있습니다. 기존의 프레임워크를 최대한 활용하면서도, 프로젝트의 독창성과 요구사항을 충족시키기 위한 방법으로 순수 CSS를 적절하게 사용하는 것이 좋습니다.