Почему мой navbar, использующий Bootstrap, не работает

Question

    <!-- Bootstrap CSS-->>
    <link rel="stylesheet" href="bootstrap.min.css">
    <link rel="stylesheet" href="bui.css"

    <!-- Navbar-->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="#">Home</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
              <div class="navbar-nav">
                <a class="nav-item nav-link active" href="#">About <span class="sr-only"> </span> </a>
                <a class="nav-item nav-link" href="#">Porfolio</a>
                <a class="nav-item nav-link" href="#">Contact</a>
              </div>
            </div>
          </nav>   
    <!-- JS -->
 <script> src = "bootstrap.min.js"</script>
 <script> src = "popper.min"</script>
 <script> src = "jquery-3.3.1.slim.min"</script>
</body>
</html>

Я пытался использовать Bootstrap при загрузке вместо cdn, но это не сработало. Оказалось, понравилось это https://codepen.io/buiquanganh2001/pen/KKKNyrP

Answer 1

Через несколько часов я понял, что вы должны связать его в определенной папке, например href=foldername/file.css