Bootstrap标头未水平显示

Question

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a href="#" class="navbar-brand">Laravel Guide</a>
      <ul class="nav navbar-nav">
        <li><a href="#">Blog</a></li>
        <li><a href="#">About</a></li>
      </ul>
    </div>
  </div>
</nav>

我不确定为什么我的代码无法正常工作。我是新手。我正在观看的视频中专门包含此代码，我正在复制代码以了解其在我自己的项目中的功能。

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

这是我代码顶部的链接。