如何实施<a> tag in bootstrap button</a>

Question

Demo JS Fiddle：

我无法在按钮中实现href。

如果我这样说的话会有效：

<a href="/">
    <button type="button" class="btn btn-default btn-custom">
        <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
        <br />
        <span class="btntext glyphicon-class">PP bậc thang</span>
    </button>
</a>

但这会导致这个混乱：

有什么简单的方法可以解决这个问题吗？非常感谢！

Answer 1

将btn类应用于a。

<a href="/" class="btn btn-default" ...

另请查看the docs。

Answer 2

我更新了你的小提琴，让按钮正常工作：http://jsfiddle.net/ettmujvg/9/

 <a href="#"  class="btn btn-default btn-custom">
      <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
      <br />
      <span class="btntext glyphicon-class">PP bậc thang</span>
 </a>