Bootstrap导航栏下拉菜单不生效的问题

这里本人使用的是bootstrap3.0版本的。
如图按照官方文档
Bootstrap导航栏下拉菜单不生效的问题_第1张图片
导入其中两个即可,css与script即可。
但是导入之后还是失效。后面才知道还需要导入
jquery

 

以下是本人亲测ok的

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
  
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js">script>
  
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">script>

head>
<body>
<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret">span>a>
  <ul class="dropdown-menu">
    <li><a href="#">Actiona>li>
    <li><a href="#">Another actiona>li>
    <li><a href="#">Something else herea>li>
    <li role="separator" class="divider">li>
    <li><a href="#">Separated linka>li>
    <li role="separator" class="divider">li>
    <li><a href="#">One more separated linka>li>
  ul>
li>
body>
html>

导入顺序也有要求,先bootstrap的css,然后jquery的js,然后是bootstrap的js

你可能感兴趣的:(日常错误,spring)