转载

带有图标的导航条

带有品牌图标的导航条

将导航条内放置品牌标志的地方替换为 <img> 元素即可展示自己的品牌图标。

由于 .navbar-brand 已经被设置了内补(padding)和高度(height),你需要根据自己的情况添加一些 CSS 代码从而覆盖默认设置。

 <nav class="navbar navbar-default">   <div class="container-fluid">     <div class="navbar-header">       <a class="navbar-brand" href="#">         <img alt="Brand" src="...">       </a>     </div>     <ul class="nav navbar-nav">          <li class="active"><a href="#">iOS</a></li>          <li><a href="#">SVN</a></li>     </ul>   </div> </nav>
正文到此结束
Loading...