Question

我在使用Bootstrap显示导航栏时遇到了一些麻烦。我已经查看了我的代码，但不确定问题是什么。

<!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文件夹中。

Answer 1

尝试更改

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

到

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

编辑，修复：

由于通过npm安装bootstrap而导致的环境问题。在<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js">‌</script>之前声明<script src="js/bootstrap.js"></script>应解决此问题。

Answer 2

这是一个环境问题。重新安装Bootstrap后，显示了导航栏。

无法显示导航栏[Bootstrap]

2 个答案: