20. 制作导航条

Bootstrap4入门

优酷频道 技术频道

制作导航条

知识点

  • nav
  • navbar

参考网页:

https://getbootstrap.com/docs/4.0/components/navbar/

实战演习

<header>
    <div class="container">
        <nav class="navbar navbar-expand navbar-light">
            <a href="#" class="navbar-brand">KomaVideo</a>
            <ul class="navbar-nav">
                <li class="nav-item"><a href="#" class="nav-link">Youku</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Youtube</a></li>
                <li class="nav-item"><a href="#" class="nav-link">ITStudy</a></li>
            </ul>
        </nav>
    </div>
...
</header>

课程文件

https://gitee.com/komavideo/LearnBootstrap4

小马视频频道

http://komavideo.com