如何將動作放入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分割按鈕的主按鈕區域？

回答

相關問題