점프 투 장고 03-1 네비게이션바 관해서 질문드립니다!

<!-- Navigation Bar Template -->
<nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
    <a class="navbar-brand" href="{% url 'index' %}">Django</a>
    <button class="navbar-toggler" type="button"
            data-toggle="collapse" data-target="#navbarNav"
            aria-controls="navbarNav" aria-expanded="false"
            aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="#">로그인</a>
        </li>
      </ul>
    </div>
</nav>

안녕하세요. 저번 주에 점프 투 장고를 구매해서 즐겁게 따라하고있는 개발자 새싹입니다!
제가 책에 나온대로 navbar.html을 작성하고 실행했더니.. 자꾸 네비게이션바가 이미지처럼
생성됩니다. 그런데 저 index로 보내주는 Django 아이콘은 작동하는 걸 보니 더 혼란스럽습니다.
조금만 도와주세요 !! ㅠㅠ

유자오렌지귤 님 883

M 2021년 1월 20일 5:42 오후

댓 글 (1) |

저도 막 코딩하고 확인 해 봤는데 위와 같은 현상이 나타나네요.답변처럼 버젼을 바꿔봐야 겠네요. - 최원호님, 2021년 3월 2일 11:58 오전 , 대댓글

목록으로

1개의 답변이 있습니다. 1 / 1 Page

안녕하세요.

부트스트랩을 5 버전이 아닌 4.5.3 버전을 설치하셔야 합니다.

https://wikidocs.net/70838

버전 문제가 아니라면 부트스트랩 css가 정상적으로 로드가 되지 않는 상황으로 보이네요.
작성하신 base.html과 static 경로의 파일구조를 알려주시면 확인해 보겠습니다.

박응용 님

2021년 1월 20일 7:45 오후

댓 글 |

말씀 듣고 static경로? 경로가 문제인가?? 하고 여기저기 찾다가 어처구니 없는 실수를 발견했습니다... 제 config/setting.py 파일에 STATICFILES_DIRS 경로를 설정하지 않았네요.. BASE_DIR / 'static', 을 넣어주니 해결됐습니다! 이쁜 화면을 보니 감격스럽네요. 답변해 주셔서 정말 감사합니다. - 유자오렌지귤님, 2021년 1월 21일 10:49 오전 , 대댓글

@유자오렌지귤님 빨리 찾으셨네요. 이쁜 화면 축하드려요 ^^ -

박응용님, 2021년 1월 21일 12:03 오후 , 대댓글