如何将动作放入Bootstrap分割按钮的主按钮区域？

样的新手问题，我想，但仍然：如何将动作放入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>标签取代“Action”。这工作正常，除了一些颜色和文字装饰风格，可以很容易地由一些CSS处理。我只是想确保这是做到这一点的正确方法，因为它没有在Bootstrap doc站点中明确包含（至少我发现）。

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

来源

2012-10-19 Jim Miller

[http://stackoverflow.com/a/15243570/882769](http://stackoverflow.com/a/15243570/882769）？ – Puce

我会做这样的事（我想这是你所描述的，反正）：

<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-19 17:58:39 Sara

是的 - 这就是我在做的事情;我只是想确保我没有忽视更明显的事情。谢谢！ –

寻找你的同样的问题，我发现你（和我）需要什么。由于this solution指出，不是按钮，您可以使用链接并将其设置为按钮样式。它会以你想要的方式工作，链接将成为完整的按钮，而不仅仅是链接的文本。

<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-07 16:10:51 Puce

如何将动作放入Bootstrap分割按钮的主按钮区域？

回答

相关问题