如何解决如何删除路由器链接添加到VueJS中的按钮的边距
我最近开始为我的元素使用路由器链接。但出于某种原因,路由器链接为按钮添加了一些余量,使导航栏看起来很糟糕(Bootstrap V4.6)。
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item my-xs-1 active mx-lg-2">
<router-link class="nav-link" to="/">Home</router-link>
</li>
<li class="nav-item my-xs-1 active mx-lg-2">
<router-link class="nav-link" to="/teams">Teams</router-link>
</li>
<li class="nav-item my-xs-1 active mx-lg-2">
<router-link class="nav-link" to="/admin">Admin</router-link>
</li>
<li class="nav-item my-xs-1 active mx-lg-2">
<router-link class="nav-link" to="/admin">
<button class="btn btn-outline-light">Sign in</button>
</router-link>
</li>
</ul>
</div>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item my-xs-1 active mx-lg-2">
<router-link class="nav-link" to="/">Home</router-link>
</li>
<li class="nav-item my-xs-1 active mx-lg-2">
<router-link class="nav-link" to="/teams">Teams</router-link>
</li>
<li class="nav-item my-xs-1 active mx-lg-2">
<router-link class="nav-link" to="/admin">Admin</router-link>
</li>
<li class="nav-item my-xs-1 active mx-lg-2">
<router-link class="nav-link" to="/admin"> Sign in </router-link>
</li>
</ul>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。