Bootstrap navbar и нижний колонтитул mdb не работают на одной странице - PullRequest
Новая
       27

Bootstrap navbar и нижний колонтитул mdb не работают на одной странице

1 голос
/ 02 февраля 2020

Я пытаюсь создать веб-страницы с JSP, используя Bootstrap 4 , фиксированный navbar и 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>

Main JSP страница, где обе страницы включены 

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