如何使用引导程序将链接放在按钮上？

Question

如何使用引导程序将链接放在按钮上？

bootstrap 文档中有 4 种方法：

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

第一个对我不起作用，没有按钮显示，只有带有链接的文本，感觉它是我正在使用的主题。

第二个显示了我想要的按钮，但是单击时使按钮链接到另一个页面的代码是什么？

干杯

原文由 Philayyy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以在按钮的单击事件上调用函数。

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

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

或者使用此代码

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

原文由 SAUMYA 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

最简单的解决方案是您的第一个示例：

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

正如您所说，它对您不起作用的原因很可能是您使用的主题存在问题。没有理由为此求助于臃肿的额外标记或内联 Javascript。

原文由 Andreas Bergström 发布，翻译遵循 CC BY-SA 4.0 许可协议