Question

我遵循this tutorial来样式化Bootstrap的链接，但是当我将badge badge-info类添加到a标签时，当我将其悬停在其上时，它没有显示出悬停效果用鼠标，它只是改变背景颜色。代码（它有一些Vue.js）：

<div class="mask">  
    <div class="mask-content">
        <h5>{{anime.title}}</h5>
        <!-- The link with the problem  -->
        <a class="badge badge-info text-white">Read More...</a>
    </div>
</div>

问题：如何解决此问题并显示悬停效果？

Answer 1

您将必须使用href属性来使用引导程序的自然悬停效果。以下是几种方法：

<a class="badge badge-info text-white" href="javascript:;">Read More...</a>

<!--FYI.. This will cause the page to jump to the top -->
<a class="badge badge-info text-white" href="#">Read More...</a>

Bootstrap链接的悬停效果未显示

1 个答案: