我正在尝试让这个 HTML 导航栏以内嵌方式显示并具有悬停效果,有没有办法做到这一点?
这是我的HTML
<nav class="navbar navbar-light bg-faded" style="background-color: #c8c8c8">
<div class="container-fluid d-inline-block" >
<a class="navbar-brand" href="#">
<img src="logo/new.png" width="30" height="30" class="d-inline-block " alt="">
NEW
</a>
<a class="navbar-brand" href="#">
<img src="logo/copy.png" width="30" height="30" class="d-inline-block" alt="">
COPY
</a>
</div>
</nav>
最佳答案
如果您想要引导解决方案,请尝试 navbar-link
。这是 documentation
<nav class="navbar navbar-light bg-faded" style="background-color: #c8c8c8">
<div class="container-fluid d-inline-block" >
<a class="navbar-link" href="#">
<img src="logo/new.png" width="30" height="30" class="d-inline-block " alt="">
NEW
</a>
<a class="navbar-link" href="#">
<img src="logo/copy.png" width="30" height="30" class="d-inline-block" alt="">
COPY
</a>
</div>
</nav>
关于html - 如何使 NAV 与悬停内联,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48269559/