css파일이 적용이 되지않길래 약 30분~1시간 가량을 문법적 오류만 찾고있었다...
css파일은 민감하기때문에 하나의 오류라도 있을시 제대로 적용이 안될때가 종종 있긴하다.
그러나, 분명히 css파일에 문법적 오류도없고 제대로 link를 이용해 가져왔는데도 불구하고 적용이 되지않을 때가 있다.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/custom.css"> ← 바로 이부분
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
해결방법
<방법 1>
HTML 문서에서는
<link rel="stylesheet" type="text/css" href="css/custom.css">
바로 이 부분을 웹서버에서 캐시에 올려놓고 이전버전을 계속 사용하기 때문에 에러가 발생하는것이다.
<link rel="stylesheet" type="text/css" href="css/custom.css?ver=1"> 와 같이 버전 정보를 같이 보내서,
웹서버에서 새로운 css파일을 캐시에 로드하여 css파일의 수정된내용이 반영될 수 있도록 하면된다.
<방법 2>
(크롬) 방문기록 - 인터넷 사용 기록 삭제
