用 bootstrap 美化代码 帖子在 点此a获取楼主联系方式。要有交互效果div class=container div class= clearfix div id=note-detail div class=note-detail-title-wrap clearfix h2 class=note-detail-tit

可以使用Bootstrap的样式和交互组件来美化和实现交互效果。下面是使用Bootstrap美化代码帖子和添加交互效果的示例：

<div class="container">
    <div class="clearfix">
        <div id="note-detail">
            <div class="note-detail-title-wrap clearfix">
                <h2 class="note-detail-title fl">
                    <span id="note-detail-title-pre">[<c:if test="${repair.typename == 'lost'}">求助</c:if><c:if
                            test="${repair.typename == 'find'}">帮助</c:if>信息]</span>${repair.title}
                </h2>
                <span class="fr note-detail-author">
                    用户：${repair.createuser.username} <br>
                    发表于 <fmt:formatDate value="${repair.crearetime}" pattern="yyyy-MM-dd HH:mm:ss"/>
                </span>
            </div>
            <div class="note-detial-repair">
                <table class="table">
                    <tbody>
                        <tr>
                            <td width="80px">出问题的物品</td>
                            <td width="450px">${repair.name}</td>
                        </tr>
                        <tr>
                            <td>备注</td>
                            <td>${repair.remark}</td>
                        </tr>
                        <tr>
                            <td>详情</td>
                            <td>${repair.info}</td>
                        </tr>
                        <tr>
                            <td>结果</td>
                            <td id="Js_share_content">
                                <c:if test="${repair.state==0}">寻找中</c:if>
                                <c:if test="${repair.state==1}">
                                    <c:if test="${repair.typename == 'lost'}">已找到</c:if>
                                    <c:if test="${repair.typename == 'find'}">已招领</c:if>
                                    ${repair.result}
                                </c:if>
                            </td>
                        </tr>
                        <tr>
                            <td>联系方式</td>
                            <td>
                                <a id="contact-lz-btn" href="javascript:;" data-toggle="collapse" data-target="#contact-lz">点此</a>
                                获取楼主联系方式。
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div id="contact-lz" class="collapse">
                <p id="contact-lz-close">收起>></p>
                <table class="table">
                    <tbody>
                        <tr>
                            <td>楼主昵称：</td>
                            <td>${repair.createuser.username}</td>
                        </tr>
                        <tr>
                            <td>楼主手机：</td>
                            <td>${repair.mobile}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

在上面的示例中，使用了Bootstrap的容器类.container和清除浮动类.clearfix来布局代码块。使用了Bootstrap的表格样式.table来美化表格。

为了实现点击按钮展开和收起联系方式的效果，使用了Bootstrap的折叠组件，通过给按钮添加data-toggle="collapse"和data-target="#contact-lz"属性，以及为联系方式容器添加class="collapse"，来实现展开和收起的交互效果。

另外，为了更好地表达交互效果，添加了一个收起按钮，在联系方式容器上添加了id="contact-lz"和class="collapse"，并用data-target属性指定了对应的容器id，点击收起按钮可以折叠联系方式容器。

以上就是使用Bootstrap美化代码帖子和添加交互效果的示例。根据实际需求，你可以根据Bootstrap文档中的样式和组件进行调整和扩展