Question

在平板电脑或手机视图中，我需要能够折叠此无序列表。有人知道如何使用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

感谢任何帮助。

由于

Answer 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

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

1 个答案: