[CSS] 클래스 중복 사용으로 인한 불필요한 화면 지우기

현상

css가 겹치거나 tiles 설정으로 인하여 불필요한 화면이 나타날 수 있다.

 

로직

- 크롬 브라우저(F12)로 해당 클래스 확인

- 지우고 싶은 화면에 <style/>주기

- display:none; 사용

 

예시

<style>
.navbar.navbar-expand-lg.navbar-light.px-4.px-lg-5.py-3.py-lg-0 {
	display: none;
}

.container-fluid.bg-dark.text-light.footer.pt-5.wow.fadeIn {
	display: none;
}

.container-xxl.bg-primary.page-header{
	display:none;
}

</style>