강의 중에 header 부분 만들 때 부트스트랩에서 검은색 배경의 헤더를 복사해서 vscode에 붙여넣으면 배경이 검은 색이 아니고 흰색 바탕이라서 다시 body의 background-color를 black으로 설정해서 전체적으로 검은색으로 만드시던데.. 부트스트랩에서 배경 색깔이라던지 이런 설정이 vscode로 복사하면 적용이 안되는 경우들이 있나요?

***아래는 부트스트랩에서 고른 헤더(빨간 선 표시부분)

***아래는 vscode로 복사 후에 헤더 적용 화면(빨간 선 표시부분-이 배경색이 하얀색으로 적용되서 검은색으로 다시 만들려고 강의에서는 body의 backgroun-color를 black으로 설정하셨습니다 )

***부트스트랩 태그는 아래와 같습니다.(대충 짐작하기에는 첫 줄에 이미 bg-dark라고 되있는거 같은데 이게 적용이 안되는건가요?)

<header class="p-3 text-bg-dark">

   <div class="container">

    <div

     class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start"

    >

     <a

      href="/"

      class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none"

     >

      <svg

       class="bi me-2"

       width="40"

       height="32"

       role="img"

       aria-label="Bootstrap"

      >

       <use xlink:href="#bootstrap"></use>

      </svg>

     </a>

     <ul

      class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0"

     >

      <li><a href="#" class="nav-link px-2 text-secondary">Home</a></li>

      <li><a href="#" class="nav-link px-2 text-white">Features</a></li>

      <li><a href="#" class="nav-link px-2 text-white">Pricing</a></li>

      <li><a href="#" class="nav-link px-2 text-white">FAQs</a></li>

      <li><a href="#" class="nav-link px-2 text-white">About</a></li>

     </ul>

     <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">

      <input

       type="search"

       class="form-control form-control-dark text-bg-dark"

       placeholder="Search..."

       aria-label="Search"

      />

     </form>

     <div class="text-end">

      <button type="button" class="btn btn-outline-light me-2">

       Login

      </button>

      <button type="button" class="btn btn-warning">Sign-up</button>

     </div>

    </div>

   </div>

  </header>