将导航条内放置品牌标志的地方替换为 <img>
元素即可展示自己的品牌图标。
由于 .navbar-brand
已经被设置了内补(padding)和高度(height),你需要根据自己的情况添加一些 CSS 代码从而覆盖默认设置。https://v3.bootcss.com/components/#navbar-brand-image
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#"> <img alt="Brand" src="..."> </a> </div> </div> </nav>
eg: