Html 为什么引导导航栏显示不正确？_Html_Css_Twitter Bootstrap

Html 为什么引导导航栏显示不正确？

html css twitter-bootstrap

Html 为什么引导导航栏显示不正确？,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,为什么这样不行？我确信我已经正确设置了它，尽管这是我第一次使用引导。我试图使用CDN分发，但我似乎无法让它工作。它目前只是将它们显示为链接，与导航栏相对，在其他网站上使用时可以看到导航栏 <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8"> <meta name="viewport" content="w

为什么这样不行？我确信我已经正确设置了它，尽管这是我第一次使用引导。我试图使用CDN分发，但我似乎无法让它工作。它目前只是将它们显示为链接，与导航栏相对，在其他网站上使用时可以看到导航栏

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">


<title>Fictional Football Club</title>
</head>
<body>

<nav class="navbar navbar-default">
    <div class="container-fluid">

        <div class="nav navbar-nav">
            <ul>
                <li><a href="#">News</a></li>
                <li><a href="#">Matches</a></li>
                <li><a href="#">Table</a></li>
                <li><a href="#">Squad</a></li>
                <li><a href="#">Tickets</a></li>
            </ul>
        </div>
    </div>

</nav>

<div class="container">

</div>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>


虚构的足球俱乐部

导航栏结构不是引导4。读这本书。引导4现在是测试版

Ahhh干杯！这是因为我没有检查我使用的版本。

<nav class="navbar navbar-light bg-light navbar-expand">
    <ul class="navbar-nav">
        <li class="nav-item"><a class="nav-link" href="#">News</a>
        </li>
        <li class="nav-item"><a class="nav-link" href="#">Matches</a>
        </li>
        <li class="nav-item"><a class="nav-link" href="#">Table</a>
        </li>
        <li class="nav-item"><a class="nav-link" href="#">Squad</a>
        </li>
        <li class="nav-item"><a class="nav-link" href="#">Tickets</a>
        </li>
    </ul>
</nav>