Html 引导导航栏和mdb页脚在单个页面中不起作用_Html_Css_Jsp_Bootstrap 4_Mdbootstrap

Html 引导导航栏和mdb页脚在单个页面中不起作用

html css jsp bootstrap-4

Html 引导导航栏和mdb页脚在单个页面中不起作用,html,css,jsp,bootstrap-4,mdbootstrap,Html,Css,Jsp,Bootstrap 4,Mdbootstrap,我正在尝试使用JSP制作网页，方法是使用bootstrap4固定导航栏和mdbootstrap页脚。但是在将页脚包含到页面之后，navbar样式就不起作用了。怎么办导航栏标题文件： <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="https://stackpath.boot

我正在尝试使用

JSP

制作网页，方法是使用bootstrap4固定导航栏和

mdbootstrap

页脚。但是在将页脚包含到页面之后，navbar样式就不起作用了。怎么办

导航栏标题文件：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">       
    <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">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>        

</head>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">           
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.11.0/css/mdb.min.css" rel="stylesheet">
</head>

页脚标题文件：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">       
    <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">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>        

</head>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">           
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.11.0/css/mdb.min.css" rel="stylesheet">
</head>

主JSP包含两个页面的页面

<body>
    <jsp:include page="navbar.jsp"/>
    .
    . 
    .
    </footer> 
        <jsp:include page="footer.jsp"/>
    </footer>


.
. 
.

browser中的HTML对象不能有很多角色。只有最后应用的一个角色才会生效。如果插件没有加载不同的配置文件，那么随着时间的推移，插件将无法进行插入。您可以在DOM中检查引擎生成的相关HTML。浏览器中的HTML对象不能有很多角色。只有最后应用的一个角色才会生效。如果插件没有加载不同的配置文件，那么随着时间的推移，插件将无法进行插入。您可以在DOM中检查引擎生成的相关HTML。