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>

但两者都不能用作链接。我在这里不明白什么？谢谢你。新泽西

Answer 1

您可以使用 bootstrap 中的类来更改 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，它说明了一个按钮组使用锚标记在新 window 中打开搜索引擎。

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

Bootstrap 3 个按钮组 - 如何将它们链接起来？

Bootstrap 3 Button Groups - how to make them links?

twitter-bootstrap

twitter-bootstrap-3