Bootstrap 3按鈕組 - 如何使它們鏈接？

Question

這對我來說真的很愚蠢，但如果你不能讓它們鏈接起來，那么Bootstrap 3的按鈕組有什么意義呢？

http://getbootstrap.com/components/#btn-groups

我們試過這個：

<button type="button" class="btn btn-lg btn-success" href="add.php">
<span class="glyphicon glyphicon-plus"></span> Add
</button>

和...

<button type="button" class="btn btn-lg btn-success">
<a href="add.php"><span class="glyphicon glyphicon-plus"></span> Add</a>
</button>

但兩者都不能作為鏈接。 我在這里不理解什么？ 謝謝。 NJ

Answer 1

您可以使用類的引導來改變a標簽。

<div class="btn-group" role="group" aria-label="...">
  <a href="" class="btn btn-default">Left</a>
  <a href="" class="btn btn-default">Middle</a>
  <a href="" class="btn btn-default">Right</a>
</div>

<a href="add.php" class="btn btn-lg btn-success">
  <span class="glyphicon glyphicon-plus"></span> Add
</a

請參閱此處的示例 - http://www.bootply.com/v8anIQZU97

Answer 2

HTML按鈕沒有href屬性。 而是嘗試使用錨標簽。 這是一個Plnkr ，它說明了一個按鈕組，它使用錨標簽在新窗口中打開搜索引擎。

<div class="btn-group">
    <a class="btn btn-lg btn-success" href="http://www.google.com" target="_blank">Google</a>
    ....
</div>

Answer 3

試試這個...

 <button type="button" class="btn btn-lg btn-success" onclick="location.href='@Url.Action("Action", "Controller")'">
 <span class="glyphicon glyphicon-plus"></span> Add
 </button>