Javascript不会影响我的flask引导网站中的导航栏_Javascript_Html_Css_Twitter Bootstrap_Flask

Javascript不会影响我的flask引导网站中的导航栏

javascript html css twitter-bootstrap flask

Javascript不会影响我的flask引导网站中的导航栏,javascript,html,css,twitter-bootstrap,flask,Javascript,Html,Css,Twitter Bootstrap,Flask,我正在使用bootstrap为我的flask网站制作导航栏。当我把它放在我的html中时，我认为这是因为js不工作。我的html代码： <!doctype html> <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="

我正在使用bootstrap为我的flask网站制作导航栏。当我把它放在我的html中时，我认为这是因为js不工作。我的html代码：

<!doctype html>
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="#">Navbar</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
     </button>
         <div class="collapse navbar-collapse" id="navbarNav">
             <ul class="navbar-nav">
             <li class="nav-item active">
                     <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Features</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Pricing</a>
        </li>
        <li class="nav-item">
            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
        </li>
        </ul>
        </div>
    </nav>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
</body>

来自tim和bootstrap网站的技术代码。

此版本的bootstrap可能有问题，因为它有点旧。所以尽量使用最新版本

此外，您正在使用

<!doctype html>

而不是

<!DOCTYPE html>

通常情况下，这并不重要，但可能浏览器有问题

如果有最新版本的引导，请使用此代码

此版本的引导可能有问题，因为它有点旧。所以尽量使用最新版本

此外，您正在使用

<!doctype html>

而不是

<!DOCTYPE html>

通常情况下，这并不重要，但可能浏览器有问题

如果有最新版本的引导，请使用此代码

Hmm，看起来你有两个链接标签，上面有两个不同版本的引导？也许试着去掉其中一个。此外，如果在加载网站时检查浏览器上的网络请求，获取bootstrap.css的请求成功吗？@durzal在您的代码中，您在代码的头标记和底部附加了两个不同的css删除bootstrap/4.0.0-alpha.6附加cssfile@vremes我删除了bootstrap/4.0.0-alpha.6 CSS附加文件viking说要删除。但是我不知道如何在浏览器上检查网络请求。你能教我怎么做吗？谢谢你advance@vremes编辑：我想我知道你在说什么。每当我点击导航栏时，我都会得到与重新加载页面时相同的结果。127.0.0.1---[14/Aug/2020 19:03:16]“GET/HTTP/1.1”200-您使用的浏览器是什么？嗯，看起来您有两个链接标签，其中有两个不同版本的引导？也许试着去掉其中一个。此外，如果在加载网站时检查浏览器上的网络请求，获取bootstrap.css的请求成功吗？@durzal在您的代码中，您在代码的头标记和底部附加了两个不同的css删除bootstrap/4.0.0-alpha.6附加cssfile@vremes我删除了bootstrap/4.0.0-alpha.6 CSS附加文件viking说要删除。但是我不知道如何在浏览器上检查网络请求。你能教我怎么做吗？谢谢你advance@vremes编辑：我想我知道你在说什么。每当我点击导航栏时，我都会得到与重新加载页面时相同的结果。127.0.0.1--[14/Aug/2020 19:03:16]“GET/HTTP/1.1”200-您使用的浏览器是什么？