我正在尝试在 navbar
中的 nav-items
之间放置分隔符,但我不知道如何在 nav-item
之间均匀设置分隔符的填充。
toggle-navbar
中出现了分隔符,我尝试去除它们,但没有成功。
如果有更好的方法来创建分隔符,我将不胜感激。以下是我的代码:
.navbar-nav > li > a::after {
content: "|";
padding: 0 5px
}
<div class="collapse navbar-collapse" id="navbarResponsive">
<!--
1) collapse - class dedicate to a given alement
2) navbar-collapse: show elements to bootstrap which belong to navbar, then use function - collapse
-->
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">O nas</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Cennik</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Usługi</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Rejestracja</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Porady</a>
</li>
</ul>
</div>