使用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 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录