在Bootstrap 4中更改导航栏列表项目符号
我将如何去修改CSS来删除我为Navbar Bootstrap 4 / Jhipster的每个项目菜单获得的项目符号？ 现在有子弹和图片<i class="fa fa-home" aria-hidden="true"></i> ，我想删除子弹。 这是代码片段：
<nav>
<div class="jh-logo-container float-left">
<a class="jh-navbar-toggler d-lg-none float-right" href="javascript:void(0);" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" (click)="toggleNavbar()">
<!--<i class="fa fa-bars"></i>-->
</a>
</div>
<div id="navbarResponsive" [ngSwitch]="isAuthenticated()">
<ul>
<li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
<a class="nav-link" routerLink="/" (click)="collapseNavbar()">
<span>
<i class="fa fa-home" aria-hidden="true"></i>
<span jhiTranslate="global.menu.home">Home</span>
</span>
</a>
</li>
...
</ul>
</div>
</nav>
对于Font Awesome，您应该使用内置的方式来执行包含图标的列表。
例：
<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>List icons</li>
<li><i class="fa-li fa fa-check-square"></i>can be used</li>
<li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
<li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>
查看文档以获取更多信息。
链接地址: http://www.djcxy.com/p/29985.html