使用dropdown为有序列表每一项设 置下拉菜单

你可以使用Bootstrap框架中的dropdown组件来为有序列表中的每一项设置下拉菜单。首先需要引入Bootstrap框架的CSS和JavaScript文件，然后在有序列表中添加dropdown组件的相关HTML代码，如下所示：

<ol class="list-group">
  <li class="list-group-item dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
      Item 1 <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#">Action 1</a></li>
      <li><a href="#">Action 2</a></li>
      <li><a href="#">Action 3</a></li>
    </ul>
  </li>
  <li class="list-group-item dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
      Item 2 <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#">Action 1</a></li>
      <li><a href="#">Action 2</a></li>
      <li><a href="#">Action 3</a></li>
    </ul>
  </li>
</ol>

上述代码中，通过在有序列表的每一项中添加dropdown组件的相关HTML代码，可以为每一项设置下拉菜单。当用户点击列表项时，下拉菜单会展开，并显示相应的选项。用户可以选择其中一个选项来执行相应的操作。

需要注意的是，上述代码中使用了Bootstrap框架中的CSS和JavaScript文件，如果你的项目中没有引入Bootstrap框架，则需要先引入相关的文件。