代码之家 › 专栏 › 技术社区 › Hatchi Roku

悬停效果上的引导链接未显示

frontend bootstrap-4 hover css html

0

Hatchi Roku · 技术社区 · 7 年前

我在跟踪 this tutorial 使用引导程序设置链接样式,但是当我添加 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>

1 回复 | 直到 7 年前

1

3

pg316 7 年前

您必须使用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>