How to implement <a> tag in bootstrap button

Question

Demo JS Fiddle:

I can't implement the href into the buttons.

It will work if I put it this way :

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

But this will result in this mess :

Is there any simple way I can fix this? Thanks alot!

Answer 1

Apply the btn class to the a instead.

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

Also take a look at the docs.

Answer 2

I updated your fiddle for the buttons to work properly: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>