bootstrap кнопка href не работает

Question

Может кто-нибудь объяснить, почему моя ссылка не работает?

<!-- Optional theme this one is ok --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<button type="button" class="btn btn-primary" href="#">Get your Free Quote now!</button>

Answer 1

Инлайн Javascript:

<button onclick="window.location='http://www.example.com';">Visit Page Now</button> 

Определение функции в Javascript:

<script> function visitPage(){ window.location='http://www.example.com'; } </script> <button onclick="visitPage();">Visit Page Now</button> 

или в Jquery

<button id="some_id">Visit Page Now</button> $('#some_id').click(function() { window.location='http://www.example.com'; }); 

В Bootstrap,

<button type="button" class="btn btn-primary" onclick="window.location='http://www.example.com';">Get your Free Quote now!</button> 

Answer 2

Вы можете сделать следующее: он работает.

<a href="#"><button type="button" class="btn btn-primary">Get your Free Quote now!</button></a> 

Дизайн-стиль кнопки остается неизменным.