Html 引导4导航药丸使用包含页面激活_Html_Jsp_Bootstrap 4_Sidenav_Nav Pills

Html 引导4导航药丸使用包含页面激活

html jsp bootstrap-4

Html 引导4导航药丸使用包含页面激活,html,jsp,bootstrap-4,sidenav,nav-pills,Html,Jsp,Bootstrap 4,Sidenav,Nav Pills,我正在为我工作的公司开发一个内部网站，我的经理希望我将菜单作为一个jsp包含页面，而不是像这样编码到页面中（这是可行的）公司内部网促销品目录他希望它看起来更像这样 <head> <title>SomeCompany Intranet</title> <jsp:include page="/jsp/head.jsp"/> </head> <body style="min-height: 75r

我正在为我工作的公司开发一个内部网站，我的经理希望我将菜单作为一个jsp包含页面，而不是像这样编码到页面中（这是可行的）


公司内部网












促销品目录

他希望它看起来更像这样

<head>

<title>SomeCompany Intranet</title>
<jsp:include page="/jsp/head.jsp"/>

</head>

<body style="min-height: 75rem; padding-top:110px;">
<jsp:include page="/jsp/header.jsp"/>

<div class="sidenav">
  <jsp:include page="/jsp/marketing/TestMenu.jsp"
</div>

<div class="mainHeader">
  <h1>PROMOTIONAL ITEMS CATALOG</h1>
</div>

<div class="tab-content main1">
 <iframe src="${pageContext.request.contextPath}/pdf/PromotionalCatalog 01-20.pdf" width="100%" height="100%"></iframe>
</div>

</body>


公司内部网
添加有效的演示代码可能有助于理解问题所在。@Swati我不知道如何使用堆栈片段添加多个页面。我需要在TestMenu.jsp中包含sidenav菜单页面，以便查看它的运行情况。我认为这里的问题在于路径，因为您的导航栏位于某个文件夹中，您需要相应地更改路径。将鼠标悬停在a
标记上，查看它显示的路径。但是这些路径有效。唯一认为不起作用的是将活动药丸更改为正确的药丸选项卡。我将发布一张图片。您是否编写了将活动类应用于选项卡的脚本？添加工作演示代码可能有助于了解问题所在。@Swati我不知道如何使用堆栈片段添加多个页面。我需要在TestMenu.jsp中包含sidenav菜单页面，以便查看它的运行情况。我认为这里的问题在于路径，因为您的导航栏位于某个文件夹中，您需要相应地更改路径。将鼠标悬停在a标记上，查看它显示的路径。但是这些路径有效。唯一认为不起作用的是将活动药丸更改为正确的药丸选项卡。我将发布一张图片。您是否编写了将活动类应用于选项卡的脚本？
<head>

<title>SomeCompany Intranet</title>
<jsp:include page="/jsp/head.jsp"/>

</head>

<body style="min-height: 75rem; padding-top:110px;">
<jsp:include page="/jsp/header.jsp"/>

<div class="sidenav">
  <jsp:include page="/jsp/marketing/TestMenu.jsp"
</div>

<div class="mainHeader">
  <h1>PROMOTIONAL ITEMS CATALOG</h1>
</div>

<div class="tab-content main1">
 <iframe src="${pageContext.request.contextPath}/pdf/PromotionalCatalog 01-20.pdf" width="100%" height="100%"></iframe>
</div>

</body>

<div class="nav flex-column nav-pills" aria-orientation="vertical">
    <ul class="nav flex-column">      
    <li class="nav-item">
        <a class="nav-link disabled">Marketing</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/AA.jsp">Agent Access</a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" href="${pageContext.request.contextPath}/jsp/marketing/ItemsCatalog.jsp">Promotional Items Catalog</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/OrderForm.jsp">Catalog Order Form</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/TravelForm.jsp">Travel Form</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/TuitionAssi.jsp">Tuition Assistance Form</a>
    </li>
    </ul>
 </div>