两个页面都要导入:
<link rel="stylesheet" href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}"/>
<script th:src="@{/js/jquery-3.3.1.min.js}"/>
<!--top.html-->
<div th:fragment="copy" class="easyui-layout">
<div class="panel-body">
<ul class="nav navbar-nav">
<li class="active"><a href="#">iOS</a></li>
<li><a href="#">SVN</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Java
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">jmeter</a></li>
<li><a href="#">EJB</a></li>
<li><a href="#">Jasper Report</a></li>
<li class="divider"></li>
<li><a href="#">分离的链接</a></li>
<li class="divider"></li>
<li><a href="#">另一个分离的链接</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--index.html-->
<div class="container">
<div th:replace="~{demo/top :: copy}">
</div>
<div class="panel-body" > <!-- class="panel panel-default" -->
<h1>index页面内容</h1>
<h2>ddddddddddddddd</h2>
<div>222222222222222</div>
<a>111111111111111111111111111111</a>
</div>
</div>