为什么手机上的Bootstrap按钮不起作用?

时间:2018-11-13 15:28:18

标签: twitter-bootstrap button bootstrap-4

我的网站上有按钮,这些按钮可以在台式机上使用,但不能在移动设备上使用。

<button type="button" class="btn btn-primary rounded-0"><a href=" 
https://google.com">Google</a></button>

我知道我在移动设备上点击,但是没有点击。但是,如果可能的话,如何在没有js的情况下触发点击?

1 个答案:

答案 0 :(得分:2)

请勿在按钮内使用定位标记。使用onClick作为按钮。或者,您可以将锚定为按钮样式:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<button type="button" onclick="window.location='https://google.com'" class="btn btn-primary rounded-0">Google</button>

<a class="btn btn-primary rounded-0" href="https://google.com">Google</a>