Button 如何将操作放入引导分离按钮的主按钮区域？

我想这是一个新手问题，但无论如何：

我正在实现一个引导分离按钮，从他们的示例开始：

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

在我的代码中，下拉链接工作正常；我的问题是如何将操作分配给按钮的主要部分——由“操作”文本组成的部分。我目前正在用我在“下拉菜单链接”部分中使用的

标记替换“Action”；除了一些颜色和文本装饰样式可以很容易地被一些css处理外，这一切都很好。我只是想确保这是正确的方法，因为Bootstrap文档站点中没有明确地介绍它（至少我已经找到了）

---

无论如何：这是正确的吗？

我会这样做（无论如何，我认为这就是你所描述的）：

---

如果没有JavaScript，它不会变得更好。

搜索您的相同问题，我找到了您（和我）需要的。如前所述，您可以使用链接而不是按钮，并将其样式设置为按钮。它将以你想要的方式工作，链接将是完整的按钮，而不仅仅是链接的文本

<div class="btn-group">
  <a href="#" class="btn">Action</a>

  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>

  <ul class="dropdown-menu">
    <li>Test</li>
    <li>Test 2</li>
  </ul>
</div>

试验
测试2

是的——我就是这么做的；我只是想确保我没有忽略一件更明显的事情。谢谢

<div class="btn-group">
  <a href="#" class="btn">Action</a>

  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>

  <ul class="dropdown-menu">
    <li>Test</li>
    <li>Test 2</li>
  </ul>
</div>