用Bootstrap样式美化div class=container div class=wrap note-list-page div class=info-list-wrap div class=info-title-wrap h2 id=search-list-title搜索您需要的工具耗材h2
使用Bootstrap样式美化后的代码如下:
搜索您需要的工具/耗材
所有寻物信息 <table class="table table-striped table-bordered">
<tbody>
<c:forEach items="${list}" var="bean">
<tr>
<td>${bean.category.cname}</td>
<td>${bean.name}</td>
<td>${bean.address}</td>
<td><fmt:formatDate value="${bean.happentime}" pattern="yyyy-MM-dd"/></td>
<td><a href='repair!view?id=${bean.id}'>${bean.title}</a></td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="row">
<c:forEach items="${list}" var="bean">
<div class="col-xs-12 col-md-6">
<div class="thumbnail">
<img src="/static/images/Hello World文章封面.png" alt="文章封面">
<div class="caption">
<h3><a href="/post_details.html">${bean.name}</a></h3>
<p class="post-tag">
<span class="label label-danger">Python</span>
<span class="label label-warning">Hello World</span>
</p>
<p class="post-info">
<span>发布于 <fmt:formatDate value="${bean.happentime}" pattern="yyyy-MM-dd"/></span>
<span>作者:<a href="#">wangzirui32</a></span>
<span class="view">浏览量:132</span>
<span class="like">点赞:1</span>
<span class="comment">评论:3</span>
</p>
</div>
</div>
</div>
</c:forEach>
</div>
<div class="cmt-pageList-wrap">
<div class="cmt-pageList">${pagerinfo}</div>
</div>
</div>
</div>
原文地址: http://www.cveoy.top/t/topic/hEJk 著作权归作者所有。请勿转载和采集!