制作bootstarp三级菜单

制作Bootstrap三级菜单可以按照以下步骤进行：

1. 在HTML文档中导入Bootstrap的CSS和JS文件：

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

2. 创建菜单的HTML结构，包括ul、li、a等元素，如下所示：

<ul class="nav nav-pills">
  <li class="active"><a href="#">一级菜单1</a></li>
  <li><a href="#">一级菜单2</a></li>
  <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">一级菜单3 <span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><a href="#">二级菜单1</a></li>
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">二级菜单2 <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">三级菜单1</a></li>
          <li><a href="#">三级菜单2</a></li>
          <li><a href="#">三级菜单3</a></li>
        </ul>
      </li>
      <li><a href="#">二级菜单3</a></li>
    </ul>
  </li>
  <li><a href="#">一级菜单4</a></li>
</ul>

3. 使用CSS样式对菜单进行美化，如下所示：

.nav-pills>li>a {
  border-radius: 0;
}
.dropdown-menu>li>a {
  padding: 8px 20px;
}

这样就可以制作一个简单的Bootstrap三级菜单了。需要注意的是，菜单中的链接可以根据实际情况进行更换，例如用按钮代替链接等。