지금 사용하고 계신 테마가 반응형 웹 프레임워크인 '부트스트랩(Bootstrap)' 기반이므로, 코드에 아주 간단한 클래스(단어) 몇 개만 추가하면 화면 크기에 따라 요소를 마음대로 숨기거나 나타나게 할 수 있습니다.
????️ 화면 크기별 노출 제어 마법의 단어들
이미 저희가 앞서 코드 수정할 때 몇 번 사용했던 기능들입니다. 이 원리만 아시면 원하시는 모든 부분을 직접 제어하실 수 있습니다.
d-none d-md-block (모바일 숨김 / PC 노출): 스마트폰처럼 화면이 좁을 때는 아예 안 보이게 숨기고, 태블릿이나 PC 화면 이상으로 넓어지면 나타나게 합니다. (예: 돋보기 아이콘, 번개 아이콘 등)
d-block d-md-none (모바일 노출 / PC 숨김): 반대로 모바일에서만 전용으로 보여주고, PC에서는 숨기고 싶을 때 사용합니다. (예: 방금 전에 만든 모바일 전용 네이버 스타일 검색창)
d-none d-lg-block (모바일&태블릿 숨김 / 넓은 PC 노출): 조금 더 기준을 엄격하게 잡아서, 아주 넓은 모니터 화면에서만 보이게 할 수도 있습니다
