1

我猜这是一个新手问题，但尽管如此：

我正在实现一个 Bootstrap 拆分按钮，从他们的例子开始：

<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>

在我的代码中，下拉链接工作正常；我的问题是如何为按钮的主要部分分配一个动作——由“动作”文本组成的部分。我目前正在用<a>我在“下拉菜单链接”部分中使用的相同类型的标签替换“操作”；除了可以由某些 css 轻松处理的某些颜色和文本装饰样式外，这很好用。我只是想确保这是正确的方法，因为它没有在 Bootstrap 文档站点中明确涵盖（至少我已经找到）。

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

4

2 回答 2

3

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

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

如果没有 JavaScript，它不会比这更好。

于 2012-10-19T17:58:39.843 回答
0

寻找同样的问题，我找到了你（和我）需要的东西。正如此解决方案所述，您可以使用链接并将其设置为按钮，而不是按钮。它将按照您想要的方式工作，链接将是完整的按钮，而不仅仅是链接的文本。

<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>
于 2015-04-07T16:10:51.920 回答