Como colocar um link em um botão com bootstrap?

Como é que se colocaria um link num botão com 'bootstrap'?

existem 4 métodos na documentação do bootstrap: 

<a href="#" class="btn btn-info" role="button">Link Button</a>
<button type="button" class="btn btn-info">Button</button>
<input type="button" class="btn btn-info" value="Input Button">
<input type="submit" class="btn btn-info" value="Submit Button">
{[[2]} o primeiro não funciona para mim, nenhum botão mostra, apenas o texto com o link, ter um sentimento que é o tema im usando.

{[[2]} o segundo mostra o botão que é o que eu quero, mas qual é o código que faz a ligação do botão para outra página quando clicado?

Saúde.
Author: Philayyy, 2016-03-15
Source

5 answers

Você pode chamar uma função ao clicar em evento do botão.

<input type="button" class="btn btn-info" value="Input Button" onclick=" relocate_home()">

<script>
function relocate_home()
{
     location.href = "www.yoursite.com";
} 
</script>

Ou Utilizar este código 

 <input type="button" class="btn btn-info" value="Input Button" onclick="location.href = 'http:\\www.google.com';">
 25
Author: developersaumya, 2017-06-14 20:43:41

Se você realmente não precisa do elemento botão, basta mover as classes para um link regular: 

<div class="btn-group">
    <a href="/save/1" class="btn btn-primary active">
        <i class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></i> Save
    </a>
    <a href="/cancel/1" class="btn btn-default">Cancel</a>
</div>

Por outro lado, também pode mudar um botão para aparecer como uma ligação: 

<button type="button" class="btn btn-link">Link</button>
 94
Author: Domenic D., 2017-10-13 14:30:35

A solução mais fácil é o primeiro dos seus exemplos: 

<a href="#link" class="btn btn-info" role="button">Link Button</a>

A razão pela qual não está a funcionar para ti é muito provável, como dizes, um problema no tema que estás a usar. Não há razão para recorrer a marcação extra inchada ou Javascript inline para isso.

 69
Author: Andreas Bergström, 2017-12-22 08:49:24
Mais um truque para pôr a cor da ligação a funcionar correctamente dentro da marca <button> 
<button type="button" class="btn btn-outline-success and-all-other-classes"> 
  <a href="#" style="color:inherit"> Button text with correct colors </a>
</button>

Por favor, tenha em mente que em BS4 beta, p. ex. btn-outline-primary mudou para btn-outline-primary

 3
Author: silvan, 2017-11-29 14:10:03
Combinando as respostas acima, encontro uma solução simples que provavelmente irá ajudá-lo também. 
<button type="submit" onclick="location.href = 'your_link';">Login</button>
Basta adicionar um código JS inline para transformar um botão num link e manter o seu design.
 1
Author: H. A., 2018-01-30 11:04:35