Twitter bootstrap 显示导航栏[引导]时出现问题

Twitter bootstrap 显示导航栏[引导]时出现问题,twitter-bootstrap,Twitter Bootstrap,我在使用引导显示导航栏时遇到一些问题。我已经检查了我的代码,但不确定问题出在哪里 <!DOCTYPE html> <html> <head> <title>Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/

我在使用引导显示导航栏时遇到一些问题。我已经检查了我的代码,但不确定问题出在哪里

<!DOCTYPE html>
  <html>
    <head>
      <title>Bootstrap</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="main.css" rel="stylesheet">
    </head>
    <body>
      <div class="navbar navbar-inverse"></div>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script src="js/bootstrap.js"></script>
    </body>
  <html>

独自创立
如果这有帮助,我将index.html文件存储在dist文件夹中。

尝试更改

<div class="navbar navbar-inverse"></div>


编辑,修复:

通过npm安装引导程序导致的环境问题。
声明
‌​嘿,奥利弗,我将标签更改为导航,但它仍然显示一个空页面。您正在使用哪个浏览器进行测试?你有没有收到任何错误(F12/开发者工具)?我正在使用谷歌浏览器。它要求我为ToolTips安装Tether.io引导安装通常需要Tether吗?我已经浏览了一些教程,但没有看到任何关于这方面的内容。您使用哪个源下载引导?
<nav class="navbar navbar-inverse"></nav>