Twitter bootstrap 在与<；相同的行上获取可折叠div；李>；

在我公司的一个网站上，我们在底部有版权声明，我想在我们的退款政策中加入一个管道字符，然后是一个可折叠的div。这一切工作，但退款政策折叠div不断出现在版权下方。我怎样才能在同一条线上得到它？这是我的代码：

<section id="footer">
    <div class="container inline-block">
        <ul class="copyright">
            <li>&copy; @DateTime.Now.Year.ToString() Securities Training Corporation. All rights reserved. |     
                <div class="panel-group">
                <div class="panel panel-default">
                     <div class="panel-title">
                          <a data-toggle="collapse" href="#collapse1">Refund Policy</a>
                     </div>
                     <div id="collapse1" class="panel-collapse collapse">
                          <table border="0" cellpadding="2" cellspacing="0" style="width: 580px" font-size="12">
                               <tr>
                                   <td>
                                       <br />
                                            <span>This is our Refund Policy in the collapsible div
                                   </td>
                               </tr>
                          </table>          
                      </div>
                 </div>
                 </div>
             </li>
        </ul>
    </div>
</section>

&抄袭@DateTime.Now.Year.ToString（）证券培训公司。版权所有


这是我们在可折叠部门的退款政策

---

代码不止这些，但它是无关的。我把容器放在同一个标签上。当然，我只希望可折叠标题与文案位于同一行。

您需要首先使面板元素

内联块

（或给它一个明确的宽度）。我将使用CSS作为目标的选择器可能是：

#footer .copyright .panel-group {}

注意，我已经去掉了策略表的宽度。（不知道为什么要使用表格进行布局。）此外，如果要使用页脚列表，请将各个信息节点放在各个列表项中，或者不使用列表。否则，屏幕阅读器用户会感到困惑

---

默认情况下，div元素将强制换行。你的CSS是什么样子的？我之所以使用表格，是因为我刚刚从另一个网站复制了退款政策，不想尽可能多地编辑格式。