모바일가로모드일경우와 문맥에 변화없는 클래스이름을 넣는 이유

인프런 커뮤니티 질문&답변

작성한 질문수

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

프로젝트 1 - Top Section

작성

186

1. 모바일(세로)에서는 정상적으로 나오는데 모바일회전해서(가로)일 경우에는 이상하게 나오는데요.

2.<div class="col-md-3 d-none d-md-block letsgo">

클래스에 letsgo 와 letsgo-card를 넣는 이유가 무엇인가요?

위에 있는 클래스를 없애도 문맥에는 전혀 영향이 없는데요.

이유가 궁금합니다.

좋아요댓글 달기

수정한 질문이 있었는지 검색해보세요. 
- 서로 예의를 지키며 존중하는 문화를 만들어가요. 
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

답변 2

질문자

감사합니다.

지식공유자

답변이 늦었네요.

1. 부트스트랩의 브레이크포인트를 이용하면 대부분의 디바이스 폭에 따른 조정을 할 수 있습니다.

이 강좌에서는 부트스트랩의 여러 클래스를 이용해서 웹사이트를 프런트엔드에서 개발할 수 있는 대강의 방법을 강의한 것이고, 세부적인 부분에 있어서는 각자가 배운 부트스트랩 지식을 이용해서 응용하셔야 하고 충분히 가능할 것으로 사료됩니다.

다만, 랜드스케이프 뷰의 경우 부트스트랩의 브레이크 포인트를 이용한 사이즈 조정이 되지 않는다면, media query라는 css를 이용해서 디자인 스타일링을 해야 합니다.

2. letsgo 클래스는 커스텀 클래스로 동영상 강의에서 별도의 스타일링을 하지 않은 것 같은데요, 삭제하셔도 됩니다.

감사합니다.

작성한 질문수