.btn

.btn-link在bootstrap中不起作用(.btn-link not working in bootstrap)

我无法将按钮转换为在引导程序中显示为链接。 .btn-link似乎无法正常工作。我不清楚我哪里出错了。目的是将以下谷歌登录按钮转换为链接。我使用了bootstrap.min.css文件，它以某种方式扰乱了整个网站。

PS我是bootstrap的新手

HTML

<button class="g-signin btn btn-link" data-scope="https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email" data-requestvisibleactions="http://schemas.google.com/AddActivity" data-clientId="" data-accesstype="offline" data-callback="mycoddeSignIn" data-theme="dark" data-cookiepolicy="single_host_origin">Login with G+ </button>

CSS

.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #0060a1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #00a0e2; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; }

I'm unable to convert a button to appear as link in bootstrap. .btn-link seem to be not working. I'm exactly not clear on where I'm going wrong. The intention is to covert the following google sign in button into link. I used the bootstrap.min.css file and it somehow disturbs the entire site.

P.S. I'm new to bootstrap

HTML

<button class="g-signin btn btn-link" data-scope="https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email" data-requestvisibleactions="http://schemas.google.com/AddActivity" data-clientId="" data-accesstype="offline" data-callback="mycoddeSignIn" data-theme="dark" data-cookiepolicy="single_host_origin">Login with G+ </button>

CSS

.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #0060a1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #00a0e2; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; }