bootstrap3折叠导航栏ul

Bootstrap 3 中的折叠导航栏需要使用以下 HTML 结构：

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- 导航栏头部 -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- 折叠的导航栏 -->
    <div class="collapse navbar-collapse" id="navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
      </ul>
    </div>
  </div>
</nav>

其中，`navbar-toggle` 类名的按钮用于展示和隐藏导航栏，`navbar-collapse` 类名的容器用于包含折叠的导航栏。在按钮上使用 `data-toggle="collapse"` 属性和 `data-target="#navbar-collapse"` 属性指定要折叠的导航栏容器的 ID。在导航栏容器内部放置 `ul` 元素，作为导航栏的菜单项。