Twitter bootstrap 导航栏,引导的页眉和页脚,所有页面通用

Twitter bootstrap 导航栏,引导的页眉和页脚,所有页面通用,twitter-bootstrap,jsp,Twitter Bootstrap,Jsp,我正在使用Bootstrap设计web应用程序。我在主页中使用了导航栏、页眉和页脚。现在,我希望所有这些都可以用于所有网页,而无需在任何地方反复重写相同的代码。应该做些什么才能做到这一点。例如,使用MVC,您可以将所有这些内容都放在布局文件中。看 在_布局文件中,您有: <div class="container"> @RenderBody() </div> @RenderBody() 它呈现页眉/导航和页脚之间的所有内容(索引文件中的任何内容) 例如: 您

我正在使用Bootstrap设计web应用程序。我在主页中使用了导航栏、页眉和页脚。现在,我希望所有这些都可以用于所有网页,而无需在任何地方反复重写相同的代码。应该做些什么才能做到这一点。

例如,使用MVC,您可以将所有这些内容都放在布局文件中。看

在_布局文件中,您有:

<div class="container">
    @RenderBody()
</div>

@RenderBody()
它呈现页眉/导航和页脚之间的所有内容(索引文件中的任何内容)

例如:


您必须将它们作为一个单独的文件,如
header.php
footer.php

所有这些都包含在您的
index.php
文件中

对于
导航栏、页眉和页脚,您最好使用
模板

首先创建一个文件夹
templates
,并在模板文件夹中创建
header template.html
,并将其包含在您想要的页面中

include /templates/header-template.html
还有你剩下的代码

导航栏
页脚
也执行上述操作。。
希望这有助于..

创建两个Jsp页面header.Jsp和footer.Jsp。其中包含相应的代码。 并使用jsp:include在每个地方包含这些页面

 e.g <jsp:include="header.jsp"/>
例如

为了澄清,我在jsp中使用引导。