我需要能够折叠无序列表引导程序 2答案

【问题标题】：I need to be able to collapse an unordered list bootstrap 2我需要能够折叠无序列表引导程序 2
【发布时间】：2014-02-03 15:27:34
【问题描述】：

在平板电脑或手机视图中，我需要能够折叠这个无序列表。有人知道如何使用 BootStrap 2 吗？

<div class="row left-sidebar-list">
  <ul>
    <li class="left">Item A</li>
    <li class="right">Item 1</li>
    <li class="left">Item B</li>
    <li class="right">Item 2</li>
    <li class="left">Item C</li>
    <li class="right">Item 3</li>
    <li class="left">Item D</li>
    <li class="right">Item 4</li>
  </ul>
 </div>

实际页面可以找到here

感谢任何帮助。

谢谢

【问题讨论】：

标签： css twitter-bootstrap

【解决方案1】：

没关系。我想通了。

<button type="button" class="btn btn-danger" data-toggle="collapse" data-target=".left-sidebar-list">
simple collapsible
</button>

<div id="demo" class="collapse in">


<div class="row left-sidebar-list">
                    <ul>
                        <li class="left">Item A</li>
                        <li class="right">Item 1</li>
                        <li class="left">Item B</li>
                        <li class="right">Item 2</li>
                        <li class="left">Item C</li>
                        <li class="right">Item 3</li>
                        <li class="left">Item D</li>
                        <li class="right">Item 4</li>
                    </ul>
</div>
</div>

如果你想看到它的实际应用......http://skeeterz71.com/auto/bootstrap-collapse.html

【讨论】：